Tempered Cerulean color palette — #E8F8FF · #07A3B2 · #A5724C · #7B553A · #2F4047
A conversation between Cerulean and Mocha, giving this palette its sense of trust and stability.
The five colors
- Ivory (#E8F8FF): bright and airy, almost weightless.
- Cerulean (#07A3B2): A luminous, balanced blue — the color of a favorite pair of jeans.
- Mocha (#A5724C): A full-bodied, balanced gold — the color of honey in a jar.
- Coffee (#7B553A): A full-bodied, dusty gold — the color of afternoon light on wheat.
- Charcoal (#2F4047): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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
- Ancient Cerulean color palette (#ECF7FE, #2D95C5, #895A37, #674226, #263A37)
- Antique Hollow color palette (#E6FAFC, #00A88E, #AB6B6A, #725370, #2D4144)
- Aged Azure Corridor color palette (#EDF6FF, #4198D5, #997943, #4A684D, #323F4A)
- Tempered Balcony color palette (#EBF9F0, #6DB8CB, #C18D7E, #A16A5C, #304237)
- Muted Azure color palette (#E8F3FF, #6B9AC3, #A4737F, #7E4E5B, #172430)
- Ancient Orchard color palette (#E4FCEF, #65B1DF, #7A6F9C, #605B31, #3E4956)
- Patina Cerulean color palette (#EFF6FC, #DBD9E4, #B7A8AA, #6586A1, #4E5358)
- Indigo Bloom color palette (#F1F5FF, #7270E3, #79732A, #5A5515, #2C3243)
Browse the whole catalog at Explore, or see today's palette.