Tempered Cerulean color palette — #FEF2EE · #99F9F6 · #17A1C4 · #346A38 · #001F3C

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

The five colors

• Ivory (#FEF2EE): bright and airy, almost weightless.
• Sea Foam (#99F9F6): A whisper-light, balanced teal — the color of sea glass.
• Cerulean (#17A1C4): A luminous, balanced blue — the color of open sky before noon.
• Pine (#346A38): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#001F3C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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

• Hushed Iris color palette (#FEF3E9, #C9EBFF, #6A91DA, #006B63, #20153E)
• Weathered Turquoise Dune color palette (#FDF3EF, #D1DAEF, #65B0D8, #427D5C, #3D253B)
• Powdered Cobalt color palette (#FFF2EB, #8FD9EC, #0080C9, #00533E, #05072A)
• Misty Mint color palette (#D0EDD5, #00D3A5, #008F8C, #00525F, #001D33)
• Worn Lagoon Basin color palette (#E5F2EF, #9FE1E0, #41B7C1, #009282, #00353D)
• Petrol Orchard color palette (#F7EAF3, #8CBAC7, #00748B, #005334, #00314C)
• Gentle Drift color palette (#E3FDEB, #00BEDB, #EA5386, #007081, #340014)
• Aqua Garden color palette (#E0FBFF, #3ADAFA, #008696, #003C46, #000709)

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