Misty Cobalt color palette — #FFF0FA · #E7D5E8 · #CF9DF8 · #466AC1 · #3E3B5F

Royal Blue and Lavender set the tone — five colors that lean into creativity and balance.

The five colors

• Blush (#FFF0FA): A whisper-light, dusty pink — the color of a candy shop window.
• Thistle (#E7D5E8): A whisper-light, dusty pink — the color of peonies in June.
• Lavender (#CF9DF8): A luminous, balanced violet — the color of wild irises.
• Royal Blue (#466AC1): A full-bodied, balanced violet — the color of a velvet chair.
• Navy (#3E3B5F): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Balance. Tagged pastel, light.

Use it as a design system

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

• Timeworn Studio color palette (#FFF1F6, #F7C6D2, #D8A2CB, #6C5FA7, #593240)
• Petrol Alley color palette (#D8FFF4, #E2DFF4, #ABB6FF, #0078A3, #2A4972)
• Aged Grove color palette (#FFEAFC, #E2D4FF, #FF9AC6, #0082A6, #422233)
• Cerulean Station color palette (#EFF6FF, #E9D6E4, #FFB0D9, #2698C7, #3D4666)
• Chalky Nightshade color palette (#FFEEF7, #E4B5C8, #AD82BA, #424DAA, #442233)
• Washed Periwinkle color palette (#F1F5FF, #E1D6E2, #F4B2B7, #8FACF3, #464368)
• Aubergine Market color palette (#FFD2DE, #CB94C9, #B16395, #5A2693, #35193B)
• Weathered Garden color palette (#FFF1F0, #E1D8D0, #D6C0A3, #A67294, #5C4744)

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