Cobalt Garden color palette — #F2E1F3 · #377DCC · #637900 · #276B31 · #1E0C1F
A conversation between Azure and Olive, giving this palette its sense of nature and growth.
The five colors
- Blush (#F2E1F3): A whisper-light, dusty pink — the color of neon signs at night.
- Azure (#377DCC): A full-bodied, balanced blue — the color of open sky before noon.
- Olive (#637900): A full-bodied, balanced green — the color of a quiet forest floor.
- Pine (#276B31): A full-bodied, balanced green — the color of a quiet forest floor.
- Ink (#1E0C1F): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged cool.
Use it as a design system
One click turns 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
- Pale Cobalt color palette (#DDF6EE, #0083C6, #866B00, #4D5F19, #001912)
- Fern Studio color palette (#FFE6F2, #8E7CDF, #0C7115, #005C4B, #240819)
- Hushed Chapel color palette (#FBD9E4, #9859C9, #00816B, #006A63, #260714)
- Aged Violet Loft color palette (#FDD9EC, #7959EC, #A75019, #006B50, #3C2131)
- Hazy Byzantium Workshop color palette (#E6D9ED, #A500E0, #007660, #005860, #1A0027)
- Gentle Lilac Villa color palette (#D8E5FF, #92A0FF, #4F9263, #6A8100, #1F2A45)
- Raspberry Courtyard color palette (#FFDBD8, #D1458D, #00858A, #1C6583, #30041B)
- Grape Pier color palette (#E0DDED, #6135B6, #3E5500, #004225, #050014)
Browse the whole catalog at Explore, or see today's palette.