Cobalt Veranda color palette — #F1F5FE · #E2EDA9 · #6670B0 · #2C3853 · #090F1C

Slate and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Celadon Mist (#E2EDA9): A whisper-light, balanced green — the color of fresh herbs.
• Slate (#6670B0): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#2C3853): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#090F1C): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Antique Iris Delta color palette (#F4F4FE, #E4FFD6, #9476B3, #43435E, #1A1A23)
• Plum Meadow color palette (#F6F3FF, #C8E77E, #99409D, #451A47, #090318)
• Ancient Denim color palette (#FCECF8, #B2B982, #455280, #361E31, #130811)
• Aged Ash color palette (#FFF0F7, #FFC4C1, #958DC0, #7B5669, #281E23)
• Aged Harbor color palette (#F2F5FE, #E4D5EE, #ED755B, #7D7ED9, #1C0C18)
• Timeworn Blush Pier color palette (#E0FDF2, #D9BCFF, #CC718C, #00736C, #332E43)
• Amber Parlor color palette (#ECF7FF, #53BEF8, #BD992B, #1C8569, #132735)
• Soft Bronze color palette (#F3F4FF, #BE99EF, #AF6C00, #006F58, #121424)

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