Tempered Cobalt Garden color palette — #ECF2FF · #E4D5E1 · #FFBCAE · #3D85B4 · #302D45

Cerulean takes the lead with Rose Quartz close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF2FF): a clean, paper-quiet neutral.
• Silver (#E4D5E1): A whisper-light, dusty pink — the color of peonies in June.
• Rose Quartz (#FFBCAE): A whisper-light, balanced orange — the color of sun-warmed clay.
• Cerulean (#3D85B4): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#302D45): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Sophistication. Tagged pastel, light, muted.

Use it as a design system

One click turns Tempered Cobalt Garden 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 Harbor color palette (#F3EFFF, #F0D3DB, #DFC99F, #817ABD, #3C2A3E)
• Muted Cerulean color palette (#FFF0F9, #E6D8D5, #EFC1A1, #6299B7, #63474F)
• Amethyst Orchard color palette (#F4EFFF, #F0D9C4, #E9B44C, #8152C7, #40171E)
• Airy Ultramarine color palette (#F7EDFF, #F8B6CE, #EA8627, #1953D2, #36072C)
• Tempered Lilac color palette (#E2EDD8, #48EAC0, #AA7EEB, #2A1D3E, #131422)
• Tempered Delta color palette (#E4DDF6, #B5787F, #8C5D00, #23157A, #050002)
• Aubergine Coast color palette (#F6E9FF, #FABBA0, #B39B43, #723899, #340C10)
• Patina Canyon color palette (#F1F0FD, #85C2A9, #654678, #331B40, #0C0B15)

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