Tempered Cerulean color palette — #E2E3D1 · #98BB9A · #0094A1 · #006E63 · #00171D

A conversation between Cerulean and Teal, giving this palette its sense of nature and growth.

The five colors

• Parchment (#E2E3D1): A whisper-light, dusty green — the color of new leaves after rain.
• Sage (#98BB9A): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#0094A1): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006E63): A full-bodied, balanced teal — the color of sea glass.
• Ink (#00171D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, 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

• Muted Cobalt Corridor color palette (#DDE1D1, #7EBAD3, #008EC4, #006B7A, #001526)
• Petrol Terrace color palette (#EFE1DA, #5BB2B5, #00728B, #004D33, #001626)
• Dusty Bronze color palette (#D9E7D9, #00A1A3, #908100, #007172, #131000)
• Ancient Veranda color palette (#DBEDE9, #009DA1, #00535C, #002C28, #000507)
• Sapphire Basin color palette (#C1E6EA, #008E9A, #475AFF, #297A00, #000A0B)
• Weathered Alley color palette (#F5F6EA, #97E9F5, #00BEDF, #009796, #003949)
• Weathered Turquoise color palette (#F4F6ED, #C5E3E2, #88C6EA, #35A9BD, #274B66)
• Bronze Meadow color palette (#FEEBDB, #B6844B, #A15900, #793700, #120900)

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