Tempered Cerulean color palette — #F1F3E9 · #BEE8CF · #4A98B7 · #006B73 · #143328
Cerulean and Teal set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F1F3E9): a clean, paper-quiet neutral.
- Celadon Mist (#BEE8CF): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#4A98B7): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#006B73): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Forest (#143328): A deep, shadowed, dusty teal — the color of shallow lagoons.
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
- Wandering Teal color palette (#F2F2EA, #C0EADC, #60AAAE, #5F7254, #2A3B2F)
- Washed Study color palette (#EAEEDC, #4494B7, #004F73, #002A33, #00050D)
- Softworn Cerulean Bloom color palette (#F0F3EA, #C0E0FF, #6F90BA, #31657F, #392337)
- Lagoon Courtyard color palette (#E7F9D8, #00A585, #3787B7, #716E31, #17220C)
- Petrol Basin color palette (#E8EBDC, #7BBED8, #00749F, #004A54, #001829)
- Mint Grove color palette (#E3FBD5, #67D4B8, #00886E, #00493B, #001D17)
- Clover Corridor color palette (#D9ECD4, #61C576, #228651, #00583A, #2C2F29)
- Softworn Lagoon color palette (#FCF3EF, #D4D6E6, #8AC2EA, #3D9386, #4B384A)
Browse the whole catalog at Explore, or see today's palette.