Cobalt Veranda color palette — #FFF0FB · #EFD884 · #4F65B1 · #18246A · #10030D

A conversation between Slate and Navy, giving this palette its sense of nature and growth.

The five colors

• Blush (#FFF0FB): A whisper-light, dusty pink — the color of a candy shop window.
• Honey (#EFD884): A whisper-light, balanced green — the color of fresh herbs.
• Slate (#4F65B1): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#18246A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Ink (#10030D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged luxury, dark.

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

• Washed Amethyst Veranda color palette (#FFF1F7, #AEEC9F, #7451BD, #361963, #110209)
• Worn Petrol Station color palette (#E1FCF4, #FFCBB5, #1770AE, #003152, #000A07)
• Navy Bloom color palette (#FFF0FA, #BCC26E, #43488F, #110A46, #040002)
• Dusty Nightshade Drift color palette (#FEEBF9, #F67A93, #343CA3, #151A48, #10030D)
• Muted Iris Grove color palette (#F0F5FF, #FFB9C4, #6A7FFE, #47559C, #121A2B)
• Navy Basin color palette (#F0F6FF, #B7A300, #233D99, #172448, #140F26)
• Hushed Mulberry color palette (#FFF1F3, #AED36B, #8A2288, #370036, #030003)
• Tempered Driftwood Villa color palette (#FBF3F3, #C2EBD5, #A17693, #62393B, #231819)

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