Cobalt Balcony color palette — #F0F5FF · #677BCB · #936635 · #4C5A09 · #283347

A conversation between Periwinkle and Olive, giving this palette its sense of nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Periwinkle (#677BCB): A luminous, balanced violet — the color of wild irises.
• Walnut (#936635): A full-bodied, balanced gold — the color of honey in a jar.
• Olive (#4C5A09): A full-bodied, balanced green — the color of fresh herbs.
• Deep Teal (#283347): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged muted.

Use it as a design system

One click turns Cobalt Balcony 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

• Terracotta Market color palette (#F4F4FF, #9F75B4, #954B33, #3E5000, #004048)
• Ash Orchard color palette (#F3F4FF, #9C83BA, #8A7F52, #3D6B48, #3B3B4C)
• Washed Studio color palette (#EBF7FF, #008FB3, #9C5A66, #744800, #1F3643)
• Antique Field color palette (#EFF1FF, #9177BB, #A45B6E, #475B00, #161730)
• Weathered Olive Grove color palette (#FFF1F7, #A492D2, #C1787A, #657907, #442936)
• Pewter Archive color palette (#F3F4FC, #DED8DF, #C9BAC5, #7C699E, #46474F)
• Soft Pier color palette (#E6E0FF, #772CE5, #6F5400, #0B4A06, #221540)
• Gentle Grove color palette (#F6F3FF, #B433B7, #5F6F00, #005748, #3D1D3D)

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