Tempered Cerulean color palette — #DEE7E1 · #AFC5C4 · #88B1B2 · #198FA3 · #16231B

Cerulean and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Parchment (#DEE7E1): bright and airy, almost weightless.
• Stone (#AFC5C4): A luminous, dusty teal — the color of glacier melt.
• Ash (#88B1B2): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#198FA3): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#16231B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, 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

• Softworn Cobalt Terrace color palette (#E6F0ED, #DDBCC7, #C9A0A9, #4586BB, #15231F)
• Wandering Balcony color palette (#DFEBE1, #AECCBF, #B29DB0, #006E76, #142318)
• Muted Abyss Pier color palette (#E3E9E4, #A6B8B1, #A18397, #004E52, #030E05)
• Cobalt Bloom color palette (#D6E5DA, #00A7D3, #007BC8, #723983, #001926)
• Antique Emerald Balcony color palette (#E2E3C5, #71BC76, #009757, #2D725F, #012205)
• Hazy Azure Courtyard color palette (#CDE9DC, #06D7EE, #00BBEF, #3297FD, #001724)
• Denim Balcony color palette (#EBE2E9, #B6999C, #A37F7F, #485FA2, #0E060D)
• Ash Corridor color palette (#FCF2F6, #E8D5D1, #D5BBB3, #A696C5, #43363B)

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