Onyx Canyon color palette — #DFF2F2 · #0080A0 · #003C72 · #0E004D · #020007
Built around Deep Indigo, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Cream (#DFF2F2): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#0080A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#003C72): A deep, shadowed, balanced blue — the color of deep harbor water.
- Deep Indigo (#0E004D): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#020007): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Onyx Canyon into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Cypress Quarry color palette (#E0F2EA, #007F7A, #004C61, #00182D, #00000C)
- Onyx Studio color palette (#D5EBEC, #005E82, #003365, #140045, #120011)
- Moonless Workshop color palette (#CCEEF8, #0075C4, #0F0EAD, #1A003B, #030004)
- Aged Navy color palette (#F7E2F3, #4563C2, #754A00, #0E0088, #020100)
- Obsidian Aubergine Ridge color palette (#DCECFB, #5C61C9, #4C0084, #28002A, #040002)
- Timeworn Blush Delta color palette (#EDDBEF, #BEA8E8, #CA768D, #005566, #010009)
- Tempered Harbor color palette (#D6EAF9, #6A8DEE, #692DCD, #4E0055, #270017)
- Feathered Nightshade Veranda color palette (#FBD8ED, #4B3BB4, #633D00, #472A00, #010009)
Browse the whole catalog at Explore, or see today's palette.