A signal. A living world.
The identity is red, black and white. Blue and pink belong to the broader experience, carrying the depth and warmth of the character.
Claw red
Recognition#F70515Black
Signature#000000White
Signature#FFFFFFOcean
Links and focus#145E85Shell
Quiet support#EAF1F5Rose
Character warmth#E5AAC8Colour needs a role.
Recognition is not a status.
Keep the exact red for the logo. Use semantic tokens for text, focus, warnings and results. Pair status colour with words and icons. A red claw never means an action failed.
Keep orange inside the character’s natural shell pigment. It is not a fifth logo treatment or an extra accent in interface controls.
- Canvas / primary text
- #F8FAFA / #152127
- Secondary text
- #55636B
- Readable brand text
- #BF0615 on light surfaces
- Error text
- #B42334 on white
- Dark canvas / text
- #111A20 / #EDF3F5
- Dark secondary text
- #B0C0CA
Test the pair, not the swatch.
A clear way forward.Text and its actual background.
15.68:1
Passes WCAG AA contrast for normal text.
WCAG 2.x sRGB relative luminance calculation. AA normal text needs 4.5:1; large text and relevant UI boundaries need 3:1. Contrast alone does not establish accessibility. W3C contrast guidance ↗