Tempered Cerulean color palette — #F9F0EB · #B9CEB9 · #008AA4 · #005F3A · #002337
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F9F0EB): a clean, paper-quiet neutral.
- Pistachio (#B9CEB9): A whisper-light, dusty green — the color of new leaves after rain.
- Cerulean (#008AA4): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005F3A): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002337): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Patina Cobalt Parlor color palette (#F9F0E9, #AED0C3, #507CC0, #005B5F, #1B1945)
- Turquoise Parlor color palette (#EFF7F5, #D3E0ED, #31BAC4, #008171, #00353D)
- Ancient Lagoon Terrace color palette (#F7EBE5, #3F8589, #004254, #002014, #000104)
- Dusty Denim color palette (#F1E0D9, #69A8B0, #00617F, #003B2C, #000B1B)
- Hushed Garden color palette (#E9EBDA, #68A35D, #9F65B7, #186103, #2B0B36)
- Weathered Parlor color palette (#E5E0D0, #97A046, #417600, #004B1F, #002C1E)
- Muted Pine color palette (#CFF8D7, #7BBB91, #007F4F, #003C1B, #001303)
- Dusty Olive color palette (#F1F4E1, #BBE2D1, #75BCD6, #7C751E, #002F20)
Browse the whole catalog at Explore, or see today's palette.