Cobalt Veranda color palette — #F1F5FF · #A6B2F5 · #B2A661 · #6D78C9 · #4B4311
Periwinkle takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#F1F5FF): a clean, paper-quiet neutral.
- Lavender (#A6B2F5): A luminous, balanced violet — the color of a velvet chair.
- Sage (#B2A661): A luminous, balanced green — the color of new leaves after rain.
- Periwinkle (#6D78C9): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Olive (#4B4311): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Creativity, Balance. Tagged cool.
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
- Weathered Veranda color palette (#EDF6FF, #7DBFF4, #D69461, #4186BB, #5D391B)
- Hazy Mustard color palette (#FFF0FA, #C8D1FF, #D2BC37, #7782D0, #40390E)
- Timeworn Driftwood Villa color palette (#F4F4FF, #D2B8E9, #A1BB88, #9C7EB4, #2B564D)
- Quiet Meadow color palette (#F0F5FF, #8C9BDB, #9A8A30, #4A58C2, #4D4206)
- Sunlit Summit color palette (#F1F5FF, #9A9AEF, #C8866A, #3F9A74, #2F374E)
- Grape Corridor color palette (#E8DFFF, #BB9AFF, #859600, #7200D0, #2B3200)
- Muted Shell color palette (#F2F5FF, #DDD7E1, #F2B8C0, #7F95BD, #454960)
- Tempered Workshop color palette (#F5F4FE, #D9C191, #82658B, #423E5A, #211F2F)
Browse the whole catalog at Explore, or see today's palette.