Cobalt Garden color palette — #F7EFF4 · #ADCCE0 · #517FB2 · #005D4E · #1C1B3E
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F7EFF4): a clean, paper-quiet neutral.
- Lilac Frost (#ADCCE0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#517FB2): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#005D4E): A full-bodied, dusty teal — the color of glacier melt.
- Deep Indigo (#1C1B3E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Quiet Studio color palette (#FBEDF8, #73CBD7, #007BAB, #005534, #000A55)
- Weathered Cobalt Coast color palette (#F1F7F2, #A3CBE3, #2381B3, #005F62, #203C5B)
- Wandering Iris Grove color palette (#F7EFF2, #CBDFF1, #7C8AC1, #006C6E, #322445)
- Dusty Grove color palette (#EDF2FF, #EEC6E8, #DA9E8D, #2E77AB, #232442)
- Dusty Denim color palette (#E6DBE6, #4C989A, #005169, #002E10, #000410)
- Violet Harbor color palette (#ECEAFF, #9764AB, #886A00, #4F5E16, #1E0926)
- Gentle Corridor color palette (#EEE3E8, #76A3BC, #1B51B1, #003A35, #0D002A)
- Dusty Navy Alley color palette (#F6E8EF, #577E98, #023581, #00201C, #010009)
Browse the whole catalog at Explore, or see today's palette.