Tempered Cobalt color palette — #F7EAF1 · #9BCBE9 · #6484CA · #006C66 · #302451
Slate Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Blush (#F7EAF1): a clean, paper-quiet neutral.
- Sky (#9BCBE9): A luminous, dusty blue — the color of deep harbor water.
- Slate Blue (#6484CA): A luminous, balanced violet — the color of twilight just after sunset.
- Teal (#006C66): A full-bodied, balanced teal — the color of sea glass.
- Deep Indigo (#302451): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Cobalt 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
- Forest Grove color palette (#F3ECF2, #A4CCD9, #1D92BF, #00713D, #102D57)
- Antique Iris color palette (#FDF1F6, #C1D7EC, #7E8FDE, #007B7E, #413256)
- Softworn Petrol color palette (#F4EDE3, #8DBDAA, #006BB3, #004E57, #182C54)
- Gentle Azure color palette (#FCF1FB, #A0EAF0, #00A9E1, #00884C, #1C3E74)
- Airy Raspberry Study color palette (#ECDFF0, #C95D7D, #008E82, #006E82, #3B091B)
- Wandering Lagoon color palette (#FAF3F6, #DADEED, #9DB2D6, #259896, #4C506E)
- Sunlit Petrol color palette (#F3E6EF, #66ADC2, #006AAE, #004C3A, #0C0146)
- Tempered Drift color palette (#F2EBF3, #639F9B, #006377, #063F06, #000A17)
Browse the whole catalog at Explore, or see today's palette.