Cobalt Alley color palette — #FDDBB1 · #D0CB9C · #8EB776 · #498ECE · #423F6F

Cerulean and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Peach Cream (#FDDBB1): A whisper-light, dusty gold — the color of old brass.
• Pistachio (#D0CB9C): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#8EB776): A luminous, balanced green — the color of a quiet forest floor.
• Cerulean (#498ECE): A luminous, balanced blue — the color of deep harbor water.
• Navy (#423F6F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, muted.

Use it as a design system

One click turns Cobalt Alley 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 Courtyard color palette (#CEF4D8, #A8DBCB, #85B697, #7481C0, #573C6F)
• Hushed Grove color palette (#FFDEF3, #BAD5B7, #B4B480, #3F97B0, #214B7D)
• Cobalt Dune color palette (#F7EFDD, #B3BF89, #77A07B, #5572B6, #313556)
• Tempered Garden color palette (#FFF1F1, #F8D28A, #6FB778, #846794, #4A3456)
• Washed Summit color palette (#DBE9D5, #85C7B2, #53AEB5, #9761AE, #682445)
• Hushed Mustard color palette (#F3E0CA, #B4A84D, #628F5A, #395677, #322E50)
• Frosted Boulevard color palette (#E9F4DC, #65A784, #008782, #6B4983, #340024)
• Softworn Basalt color palette (#E6FAF9, #C7E2E5, #A3C2CF, #9C96AF, #57475C)

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