Tempered Cerulean color palette — #F5F1EA · #AFD2B1 · #1F8A9D · #005D4B · #002432
A conversation between Cerulean and Pine, giving this palette its sense of nature and growth.
The five colors
- Cream (#F5F1EA): a clean, paper-quiet neutral.
- Pistachio (#AFD2B1): A whisper-light, dusty green — the color of a quiet forest floor.
- Cerulean (#1F8A9D): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005D4B): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#002432): 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
- Worn Station color palette (#F7F1E7, #A0D4C5, #587BBA, #00586D, #181C41)
- Antique Bloom color palette (#F6F1E9, #C9E4D4, #5C95B6, #006C6C, #00352C)
- Patina Forest color palette (#F9F3F9, #AACBD6, #1A83A8, #006430, #223B5D)
- Ancient Lagoon color palette (#EAE1D4, #29878F, #004352, #00201A, #000103)
- Muted Teal color palette (#DCF4EA, #0FB19B, #007375, #004750, #00212A)
- Hushed Meadow color palette (#E4F8E9, #B3E4FC, #94B7F4, #2C7D76, #062C1D)
- Chalky Alley color palette (#D4E3D8, #008C9C, #9C4899, #715700, #001A09)
- Ancient Denim Balcony color palette (#EEE6D9, #68A8B3, #00627B, #003A34, #000C17)
Browse the whole catalog at Explore, or see today's palette.