Tempered Cerulean color palette — #E6F7EA · #0097A9 · #766BA3 · #485A1C · #0B1F12

Cerulean takes the lead with Deep Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#E6F7EA): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0097A9): A luminous, balanced blue — the color of deep harbor water.
• Slate (#766BA3): A full-bodied, balanced violet — the color of wild irises.
• Deep Olive (#485A1C): A full-bodied, balanced green — the color of new leaves after rain.
• Ink (#0B1F12): A deep, shadowed, dusty teal — the color of glacier melt.

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

• Cerulean Hollow color palette (#E4F7EF, #609DBD, #92779C, #40694A, #11281F)
• Tempered Azure Courtyard color palette (#E3F7F1, #4C93CF, #6A5990, #074E25, #002426)
• Softworn Harbor color palette (#EDF6DF, #289D6E, #477B9F, #6A4C12, #151D05)
• Cobalt Field color palette (#FAEDFA, #5088CE, #956188, #00614C, #241225)
• Cocoa Harbor color palette (#EEF6FF, #5485B6, #885F90, #7D4100, #203549)
• Tempered Grape Basin color palette (#C6EEF9, #00788E, #702DBA, #1D4700, #000D12)
• Aged Petrol color palette (#ECF4F1, #DDD0CF, #C8B5BA, #4E7B98, #232F2B)
• Periwinkle Summit color palette (#FFEDE9, #6D9FDF, #5F669D, #64344D, #30192E)

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