Tempered Cobalt Garden color palette — #F7F1E7 · #A4D3C3 · #4C7DBC · #005969 · #151E3F

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

The five colors

• Cream (#F7F1E7): a clean, paper-quiet neutral.
• Pistachio (#A4D3C3): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#4C7DBC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#005969): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#151E3F): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Cobalt Parlor color palette (#F8F1E5, #6AC9EC, #007AB1, #005154, #001939)
• Tempered Cerulean color palette (#F9F1E3, #92E0E1, #0093A7, #00644F, #002938)
• Tempered Cerulean Grove color palette (#E6DDCE, #3299AC, #00516B, #002C29, #00050C)
• Azure Delta color palette (#D5ECF1, #00A3C8, #006A96, #00406E, #122245)
• Mallow Canyon color palette (#FEEBFF, #E1D2EE, #C7A7E4, #337792, #2D1B2C)
• Ancient Ash color palette (#F5F1EB, #C5E5E7, #7BA0C6, #3B757F, #412F3F)
• Wandering Navy Hollow color palette (#F0E8DC, #467DAD, #00308E, #001E27, #01000B)
• Hazy Atelier color palette (#D9EFE8, #45A8F0, #9E5A00, #005A8D, #2D1500)

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