Tempered Cerulean color palette — #E7F4FC · #2190B0 · #6C5F00 · #1F4C1B · #00161B

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

The five colors

• Ivory (#E7F4FC): bright and airy, almost weightless.
• Cerulean (#2190B0): A luminous, balanced blue — the color of open sky before noon.
• Olive (#6C5F00): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#1F4C1B): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#00161B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cobalt Station color palette (#EAF3FF, #5B82C6, #406F30, #005346, #001421)
• Softworn Cobalt Lagoon color palette (#E9F3FE, #4D87D0, #7F477D, #004F3E, #001722)
• Fern Bloom color palette (#EAFAF0, #4B9EB4, #887700, #2A6B00, #21301C)
• Gentle Ember Lagoon color palette (#F5F3FF, #BD86CC, #C36754, #3A7139, #0D1626)
• Fern Basin color palette (#FFF1F3, #9E67A1, #853C2F, #264E00, #342031)
• Timeworn Violet Study color palette (#F0F0FF, #935CA9, #914137, #00415B, #101525)
• Pale Lilac color palette (#F3EFFF, #B373B1, #99474B, #5B3800, #1B183D)
• Dusty Lapis Loft color palette (#E0E7F8, #5348B6, #004C31, #00292D, #00040E)

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