Cobalt Villa color palette — #FFF2EC · #FF9985 · #7E91E5 · #008DD3 · #3D3633
Built around Cerulean, softened by Lavender Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#FFF2EC): a clean, paper-quiet neutral.
- Melon (#FF9985): A luminous, balanced orange — the color of toasted spice.
- Lavender Blue (#7E91E5): A luminous, balanced violet — the color of a velvet chair.
- Cerulean (#008DD3): A luminous, balanced blue — the color of deep harbor water.
- Charcoal (#3D3633): a grounded near-black with real depth.
Feels like: Trust, Stability, Creativity, Balance. Tagged cool.
Use it as a design system
One click turns Cobalt Villa 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
- Misty Periwinkle Harbor color palette (#FFF2EA, #DE8E66, #6D96E9, #8574B7, #3D3632)
- Apricot Courtyard color palette (#FFF0FA, #FF9D7E, #25BED8, #6098C2, #392232)
- Ancient Field color palette (#FFF2F0, #E183A5, #00ABC3, #3E85BA, #4C2F2C)
- Soft Violet color palette (#F3DFD1, #E6852B, #8A64FB, #0063E4, #3A1B00)
- Tempered Apricot Villa color palette (#FFF2EA, #FDA581, #B9B970, #D18ABE, #3D3632)
- Amber Corridor color palette (#FFF0F8, #C96B3C, #00916A, #64609C, #47303D)
- Soft Violet Study color palette (#FFE8C3, #D8A82F, #B65DB2, #8F52E8, #3F2D00)
- Aged Celadon Lagoon color palette (#FFF2ED, #E0E0C6, #B9DF97, #B4829C, #6F4000)
Browse the whole catalog at Explore, or see today's palette.