Tempered Cobalt Garden color palette — #F1E3F3 · #3678B9 · #3D293B · #1E0F20 · #020806

A conversation between Cerulean and Espresso, giving this palette its sense of trust and stability.

The five colors

• Blush (#F1E3F3): A whisper-light, dusty pink — the color of neon signs at night.
• Cerulean (#3678B9): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#3D293B): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#1E0F20): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#020806): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, 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

• Muted Indigo Summit color palette (#F4DEE7, #7F63B2, #452630, #240D18, #0A0507)
• Dusty Cobalt color palette (#D5E9E0, #0B7FAB, #1A3730, #051A13, #020804)
• Aged Azure Boulevard color palette (#DAE6F4, #4B93DC, #3A4E6D, #222F3D, #12191F)
• Muted Raspberry color palette (#FFEBF8, #8187C6, #B0608F, #00788B, #2D1426)
• Periwinkle Drift color palette (#E7FAF5, #5EA4E3, #553E4C, #08241E, #020704)
• Chalky Nightshade Ridge color palette (#FAE3F6, #96A8E1, #6B6EC7, #4B3994, #2B2146)
• Pale Lapis Market color palette (#FEECF7, #999EDB, #22A295, #564EC9, #002F2A)
• Inked Lapis Pier color palette (#FEDFF6, #3921F4, #1D1149, #030127, #030003)

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