Tempered Cerulean color palette — #F2F3E8 · #B8DABF · #0093A9 · #006260 · #002A36
Built around Cerulean, softened by Peacock — the whole palette hums with nature and growth.
The five colors
- Cream (#F2F3E8): a clean, paper-quiet neutral.
- Oat (#B8DABF): A whisper-light, dusty teal — the color of glacier melt.
- Cerulean (#0093A9): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006260): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#002A36): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Dusty Abyss color palette (#E8E9DC, #5B9599, #00535D, #002C29, #000508)
- Petrol Basin color palette (#F1F3E5, #88C7D4, #007E9A, #005153, #001D29)
- Aged Garden color palette (#F0F3E9, #A7D7F7, #2E88CE, #005E78, #00244D)
- Softworn Petrol Station color palette (#F1F3EC, #C5E1E0, #6AA5C2, #007987, #1D3D33)
- Tempered Emerald Market color palette (#C4F2D2, #009C59, #00829F, #785D00, #001E0D)
- Antique Market color palette (#E9ECE1, #77A897, #005B98, #003748, #000A1F)
- Softworn Courtyard color palette (#FFF2EC, #BEECF7, #01BFF6, #008B6C, #003662)
- Quiet Pine color palette (#E9F9D3, #B3EFE0, #57D9D4, #1C8240, #003829)
Browse the whole catalog at Explore, or see today's palette.