Tempered Cerulean color palette — #F0F8ED · #72C6B8 · #40A0AC · #8B5C71 · #222617

Built around Cerulean, softened by Mint Leaf — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F8ED): bright and airy, almost weightless.
• Mint Leaf (#72C6B8): A luminous, balanced teal — the color of sea glass.
• Cerulean (#40A0AC): A luminous, balanced blue — the color of open sky before noon.
• Pewter (#8B5C71): A full-bodied, dusty rose — the color of pressed rose petals.
• Onyx (#222617): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: 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

• Powder Quarry color palette (#EDF8F5, #7FB7E8, #6B99C2, #875060, #272B1D)
• Muted Mint Atelier color palette (#F5F7E8, #96C38E, #5498AE, #387284, #362620)
• Antique Abyss color palette (#FFF2EF, #C3E9BD, #69AEC0, #94626B, #2E4804)
• Antique Teal color palette (#EEF9EA, #54C4B3, #465A51, #252E22, #0F100A)
• Muted Periwinkle Grove color palette (#EBF8F7, #A0C495, #939EE2, #BB738C, #2C3B2E)
• Garnet Boulevard color palette (#F5F6EB, #ABDBA4, #A68FB9, #925957, #5F2309)
• Worn Market color palette (#E9F9F9, #5BA07A, #006C8A, #6F3637, #213535)
• Periwinkle Lagoon color palette (#FFF0FC, #8BA0E5, #9370AD, #85454F, #131D07)

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