Tempered Cobalt color palette — #FDECF7 · #66CCE3 · #0078BA · #00543E · #0D0E4A
Cerulean and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#FDECF7): A whisper-light, dusty pink — the color of peonies in June.
- Sky (#66CCE3): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0078BA): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00543E): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Indigo (#0D0E4A): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.
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
- Tempered Sapphire color palette (#FBEDF3, #7DC6EC, #1263F3, #00524B, #1C0A43)
- Aqua Dune color palette (#EAFAED, #56C9E5, #0078A2, #005654, #00355B)
- Patina Fern Ridge color palette (#F8EEF9, #8EE1DA, #0092AE, #1A6610, #002744)
- Dusty Denim Canyon color palette (#F2E6EC, #67A7BC, #005A9C, #003B2F, #070428)
- Worn Coast color palette (#FFF2EB, #54DFFD, #0093E4, #007558, #21296D)
- Weathered Drift color palette (#F7EFF3, #BEE2FC, #6E8DC8, #006D66, #252A42)
- Wandering Lagoon color palette (#C7F3F9, #009C83, #B500C1, #005A4A, #29002C)
- Feathered Nightshade Hollow color palette (#EFE0E5, #5990B9, #281BC9, #002C2C, #070015)
Browse the whole catalog at Explore, or see today's palette.