Tempered Cerulean color palette — #F7EFF4 · #B6E6F3 · #3F9BB0 · #306C4B · #142F42
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F7EFF4): a clean, paper-quiet neutral.
- Powder Blue (#B6E6F3): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#3F9BB0): A luminous, balanced blue — the color of deep harbor water.
- Pine (#306C4B): A full-bodied, balanced teal — the color of glacier melt.
- Midnight (#142F42): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, 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
- Tempered Cerulean color palette (#F9EEF6, #A1CFE4, #2986B0, #005D4C, #0E2137)
- Washed Alley color palette (#F8EFF3, #D7D1E6, #829FBE, #41747F, #2D3647)
- Cerulean Terrace color palette (#FDF2EF, #CDE4CC, #4196B2, #3E6F43, #553E58)
- Washed Cerulean color palette (#EEE0EB, #009CA8, #005169, #002D20, #00040D)
- Weathered Aqua color palette (#F6F6EC, #B4E7EF, #66CDD6, #538F84, #2E4636)
- Sunlit Marigold color palette (#E8F6E8, #D8941B, #678BDA, #875A00, #162742)
- Hushed Villa color palette (#EDDAE2, #1481B6, #003682, #001F21, #01000A)
- Softworn Amber color palette (#E0FAE4, #B28500, #5880BC, #5567A6, #0D2413)
Browse the whole catalog at Explore, or see today's palette.