Tempered Cerulean color palette — #FDF1F7 · #B4E4FF · #698DB9 · #2C6E6E · #3D475F
Slate Blue takes the lead with Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#FDF1F7): a clean, paper-quiet neutral.
- Powder Blue (#B4E4FF): A whisper-light, dusty blue — the color of open sky before noon.
- Slate Blue (#698DB9): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#2C6E6E): A full-bodied, dusty teal — the color of glacier melt.
- Charcoal (#3D475F): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Tempered Cerulean 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
- Wandering Cerulean Lagoon color palette (#F7EFF3, #C2E1F7, #6E8EC3, #006D63, #2B2648)
- Ancient Courtyard color palette (#FCF3ED, #C4E5E6, #85A6DC, #2C8B81, #5C3C4E)
- Worn Workshop color palette (#FDF1F9, #8ED4CE, #008799, #2B603D, #1C3E55)
- Tempered Turquoise Villa color palette (#F8F5EF, #C5E6E7, #93C2F1, #00ABBD, #35476B)
- Amber Studio color palette (#FFF1F6, #C57018, #2385B1, #466B98, #48303A)
- Muted Turquoise Boulevard color palette (#F5E6F1, #44B0B8, #00617A, #00402C, #00213A)
- Cerulean Chapel color palette (#F7EAF3, #008FA9, #004161, #00231D, #000720)
- Amber Cabin color palette (#FFF1F6, #D58D47, #0098BF, #91550C, #0B4A5D)
Browse the whole catalog at Explore, or see today's palette.