Cobalt Veranda color palette — #FBF2F8 · #C9D8AC · #707AA8 · #5B4555 · #32272F

Slate takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Pistachio (#C9D8AC): A whisper-light, dusty green — the color of a quiet forest floor.
• Slate (#707AA8): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#5B4555): A full-bodied, dusty pink — the color of neon signs at night.
• Onyx (#32272F): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Cobalt Veranda 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

• Pewter Hollow color palette (#FFF1F2, #A2D3A5, #915D88, #573551, #2C1D1F)
• Driftwood Boulevard color palette (#F1F5FF, #BEDEF2, #7785A9, #3D455D, #181B24)
• Aged Basin color palette (#F2F5FF, #D5BD8D, #5C5785, #333849, #26212C)
• Aged Shell Coast color palette (#FCF2F6, #FFD3C2, #B892A3, #816371, #32282C)
• Antique Amber color palette (#FAF3F8, #C3CEFF, #CF8953, #7A87C9, #322D28)
• Antique Workshop color palette (#FDF0FD, #83ACEB, #B29A46, #33898B, #443943)
• Tempered Taupe color palette (#F4F7E8, #BDB6EB, #C17B89, #3A7B7A, #574146)
• Worn Taupe Market color palette (#FBF3F5, #E1D9D4, #B5B5A7, #BB8D99, #5A4F52)

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