Tempered Cobalt Coast color palette — #DCEFF8 · #7FA8CB · #6982B9 · #774D77 · #401C30
A conversation between Slate Blue and Graphite, giving this palette its sense of trust and stability.
The five colors
- Frost (#DCEFF8): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#7FA8CB): A luminous, dusty blue — the color of open sky before noon.
- Slate Blue (#6982B9): A luminous, balanced violet — the color of twilight just after sunset.
- Graphite (#774D77): A full-bodied, balanced pink — the color of a candy shop window.
- Espresso (#401C30): A deep, shadowed, dusty rose — the color of pressed rose petals.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged vintage, retro, muted.
Use it as a design system
One click turns Tempered Cobalt Coast 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
- Antique Mulberry color palette (#DBE8F5, #7A90C1, #6D70A3, #7C375D, #3D061B)
- Soft Cerulean color palette (#C9F6F1, #60B2BA, #3292B0, #5E5992, #2F1A40)
- Tempered Villa color palette (#D1E9D9, #67A0AA, #4A6C99, #674118, #362B00)
- Basalt Dune color palette (#E4E3FF, #CCC3EA, #B0A3BF, #9C758A, #5A3341)
- Ancient Cocoa Station color palette (#DDDCF5, #8878A1, #825C83, #74352D, #1D0600)
- Iris Courtyard color palette (#D1F3FF, #5F92E3, #0084B9, #005D96, #001F3F)
- Hushed Thicket color palette (#EFF2D6, #61B3A4, #477698, #742300, #1B1400)
- Navy Workshop color palette (#D4EEE0, #487C9F, #184992, #412243, #26041B)
Browse the whole catalog at Explore, or see today's palette.