Tempered Cerulean color palette — #FBF2FB · #6189B8 · #597042 · #1C5B4A · #2A3C31
Built around Slate Blue, softened by Olive — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF2FB): a clean, paper-quiet neutral.
- Slate Blue (#6189B8): A luminous, balanced blue — the color of open sky before noon.
- Olive (#597042): A full-bodied, dusty green — the color of fresh herbs.
- Pine (#1C5B4A): A full-bodied, dusty teal — the color of glacier melt.
- Forest (#2A3C31): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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 Iris color palette (#FFF1F7, #8F82C0, #257763, #005666, #3C2F3A)
- Softworn Lagoon color palette (#EFF8EF, #2B9E9B, #82591D, #4C5313, #30332C)
- Timeworn Bloom color palette (#DDFEF0, #007AA9, #4F5300, #004D24, #002B2E)
- Dusty Forest color palette (#FBEEF2, #907DAD, #974F36, #165F28, #22131C)
- Aged Pine color palette (#F6F3FE, #C297C3, #B87063, #3D7646, #2B3545)
- Worn Courtyard color palette (#FFF1F1, #BE83A0, #9A5E51, #684F22, #43433B)
- Patina Atelier color palette (#FFF1F5, #814DA8, #005C55, #00384A, #2E1729)
- Hushed Driftwood color palette (#FBF2F5, #E0D7D5, #AEADA1, #9A7683, #595053)
Browse the whole catalog at Explore, or see today's palette.