Cobalt Garden color palette — #FFF3E2 · #F0B2CE · #CD9962 · #637DCC · #51352C

A conversation between Periwinkle and Camel, giving this palette its sense of optimism and creativity.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Carnation (#F0B2CE): A whisper-light, balanced rose — the color of a warm blush.
• Camel (#CD9962): A luminous, balanced gold — the color of old brass.
• Periwinkle (#637DCC): A luminous, balanced violet — the color of wild irises.
• Cocoa (#51352C): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged retro, muted, warm.

Use it as a design system

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

• Muted Iris Lantern color palette (#FFF3E8, #FAC1B4, #B2B27C, #8D81C1, #683B00)
• Muted Cerulean Bloom color palette (#F9F6E1, #CCBCF8, #D58E95, #008FB8, #543238)
• Amber Coast color palette (#FFF4E2, #FFB8A3, #B6893F, #00717C, #36302C)
• Jade Harbor color palette (#FFE9E0, #DAB561, #2DB07C, #9A579D, #303408)
• Byzantium Canyon color palette (#FFF2EA, #FFAA68, #7EB94F, #993DCD, #453200)
• Quiet Boulevard color palette (#FFDEB9, #FF8887, #AD9617, #5834EE, #451B00)
• Powdered Drift color palette (#F6D7C6, #E09A3A, #35AA4C, #86329B, #2B2400)
• Apricot Grove color palette (#EEE2D9, #E29660, #866D24, #6D3B00, #1F1613)

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