Cobalt Veranda color palette — #FBF2FB · #E4BD8B · #4471B7 · #2C4366 · #271E27

Built around Slate, softened by Sand — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF2FB): a clean, paper-quiet neutral.
• Sand (#E4BD8B): A whisper-light, dusty gold — the color of honey in a jar.
• Slate (#4471B7): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#2C4366): A deep, shadowed, dusty blue — the color of deep harbor water.
• Onyx (#271E27): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Optimism, 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

• Muted Petrol color palette (#EFF8F2, #F8B198, #007E9A, #054A5B, #15261D)
• Hushed Pewter color palette (#FDF2F6, #ABD0A4, #7864A6, #463A62, #2B1D23)
• Softworn Garden color palette (#EFF6FF, #FEE2A9, #5B78A1, #273A50, #07101B)
• Periwinkle Thicket color palette (#EFF6FF, #F2CEA3, #7995C8, #4F6482, #1B222D)
• Patina Mint color palette (#EEF6FF, #71C391, #315478, #163049, #1B1B26)
• Worn Ash Meadow color palette (#FAF3F6, #E1D8D6, #D4BEB2, #8C88BA, #4F444A)
• Cobalt Bloom color palette (#FAF2FA, #9EC7FF, #D86573, #4180D5, #321E19)
• Rust Orchard color palette (#FFF0FC, #7594E9, #C7530D, #236F3A, #32202F)

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