Cobalt Canyon color palette — #FAF4EF · #A7D0BD · #4A78BD · #006156 · #38355B
Built around Slate, softened by Pine — the whole palette hums with trust and stability.
The five colors
- Ivory (#FAF4EF): a clean, paper-quiet neutral.
- Pistachio (#A7D0BD): A whisper-light, dusty teal — the color of shallow lagoons.
- Slate (#4A78BD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Pine (#006156): A full-bodied, dusty teal — the color of sea glass.
- Navy (#38355B): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Cobalt 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
- Pale Indigo color palette (#FDF3EA, #A9D3FA, #606DF1, #006669, #493365)
- Petrol Chapel color palette (#FFF2EB, #49CBE3, #0075AF, #00583E, #1C2A6E)
- Softworn Cobalt Meadow color palette (#EDF4EE, #A4CDEA, #4081B7, #005A63, #0E213A)
- Muted Cerulean Hollow color palette (#FBF3F1, #C9E5C8, #1D99B9, #3C703F, #2B5048)
- Muted Station color palette (#FAF4EB, #9EDEFF, #509CDB, #007A85, #483147)
- Gentle Navy Archive color palette (#D2EFE5, #00B2B6, #006D95, #00438D, #2E345C)
- Hushed Cypress color palette (#E6FBF1, #E4DBF5, #CA93C1, #007D6F, #503E4E)
- Petrol Pier color palette (#EEF6FF, #60AFE9, #0068A6, #003666, #001E3F)
Browse the whole catalog at Explore, or see today's palette.