Tempered Cobalt Coast color palette — #F2E5EC · #5ABFE6 · #2975CA · #005A4D · #1B1647
A conversation between Royal Blue and Cyan, giving this palette its sense of trust and stability.
The five colors
- Blush (#F2E5EC): a clean, paper-quiet neutral.
- Cyan (#5ABFE6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Royal Blue (#2975CA): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005A4D): A full-bodied, dusty teal — the color of sea glass.
- Deep Indigo (#1B1647): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Ancient Forest color palette (#F1E3F2, #53C5C7, #0081A3, #005E24, #011F40)
- Hazy Ultramarine Harbor color palette (#D9E5D8, #64A8E2, #4F5BB8, #004A4C, #1E0037)
- Faded Cobalt Bloom color palette (#F6EBEF, #8CCCFC, #6C82CB, #006C6B, #33234F)
- Quiet Cobalt color palette (#FFF2EA, #A9D8C1, #1D7ECB, #00524E, #040037)
- Wandering Denim Studio color palette (#E2E6D4, #6AA8C3, #005E85, #003C47, #002139)
- Linen Harbor color palette (#FEF0FD, #19E5EF, #009AC9, #00773D, #0C3164)
- Muted Pier color palette (#FFF0F7, #B0E3FF, #689BF0, #008478, #3F3866)
- Tempered Powder color palette (#FAF2F8, #D6D5E8, #8AB8D6, #619091, #465368)
Browse the whole catalog at Explore, or see today's palette.