Tempered Cerulean color palette — #FBEFE9 · #C5E7C5 · #469AB0 · #2D6C4C · #073429
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Cream (#FBEFE9): bright and airy, almost weightless.
- Celadon Mist (#C5E7C5): A whisper-light, dusty green — the color of new leaves after rain.
- Cerulean (#469AB0): A luminous, balanced blue — the color of deep harbor water.
- Pine (#2D6C4C): A full-bodied, balanced teal — the color of glacier melt.
- Deep Forest (#073429): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Trust, Stability, 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
- Powdered Forest color palette (#FEEEE6, #86E3DC, #0093A7, #0E6637, #00293B)
- Hushed Cerulean color palette (#FAEFE8, #BEE8D1, #5594C5, #256B64, #3A2337)
- Aged Courtyard color palette (#FBE9E0, #2C9AA6, #00516A, #002D21, #00040E)
- Dusty Ridge color palette (#EDF8F5, #D3E0EC, #74CBD3, #4C9085, #234452)
- Petrol Studio color palette (#F3E6E0, #71C3C8, #007794, #004E36, #00172B)
- Timeworn Alley color palette (#F1E7DE, #3480AC, #003583, #001F21, #01000A)
- Powdered Lime color palette (#F3EEDB, #A8B33A, #558028, #1D5A38, #243112)
- Pine Grove color palette (#D1FFE0, #79CD99, #36864C, #004D2B, #001A0C)
Browse the whole catalog at Explore, or see today's palette.