Tempered Cerulean color palette — #E9F8FF · #00A2B6 · #A47065 · #815147 · #2F4047

Cerulean takes the lead with Mocha close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Cerulean (#00A2B6): A luminous, balanced blue — the color of open sky before noon.
• Mocha (#A47065): A full-bodied, dusty orange — the color of toasted spice.
• Coffee (#815147): A full-bodied, dusty orange — the color of autumn markets.
• Charcoal (#2F4047): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Azure Market color palette (#EEF6FF, #4895DC, #8F7D4C, #6D5E31, #333E4A)
• Patina Emerald color palette (#E2FBF9, #47A765, #A36C80, #6A5675, #2F4140)
• Chestnut Market color palette (#EBF7FF, #0083A4, #945500, #6C3D00, #00313F)
• Iris Study color palette (#FBEEF4, #948CC4, #AB7075, #824F39, #2C1E25)
• Turquoise Harbor color palette (#E4FCED, #5BB6D0, #7B6DA4, #40624E, #3B4958)
• Tempered Study color palette (#EFF6FC, #DBD9E3, #B8A7A8, #66879D, #4D5458)
• Cypress Canyon color palette (#ECF7FB, #7AD2D0, #A1688A, #067D7C, #302B36)
• Patina Turquoise Courtyard color palette (#E9F8FF, #57BBCE, #9C94C4, #6C8352, #2A414B)

Browse the whole catalog at Explore, or see today's palette.