Hazy Ultramarine color palette — #F7DAF4 · #0159E5 · #6B5600 · #004743 · #091D42
A conversation between Cobalt and Coffee, giving this palette its sense of nature and growth.
The five colors
- Thistle (#F7DAF4): A whisper-light, dusty pink — the color of a candy shop window.
- Cobalt (#0159E5): A full-bodied, vivid violet — the color of a velvet chair.
- Coffee (#6B5600): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004743): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#091D42): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Optimism, Calm. Tagged vibrant, cool.
Use it as a design system
One click turns Hazy Ultramarine 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
- Chalky Lapis Corridor color palette (#FBD9EE, #5F2AFF, #096C15, #004453, #1B1744)
- Airy Grape color palette (#FFE7F4, #6400F1, #513E00, #003637, #19113B)
- Hazy Petrol Boulevard color palette (#CAEEDF, #00719B, #7F4A00, #004A20, #002333)
- Quiet Byzantium color palette (#FFF1F5, #9B4AC7, #606F00, #00545E, #362044)
- Patina Byzantium color palette (#F6D3DD, #9150B9, #09520B, #003E4E, #2F0C1A)
- Antique Archive color palette (#FFDEE5, #AA00C7, #614700, #003A41, #0C1F34)
- Hushed Harbor color palette (#FFE8EC, #994AA9, #00725D, #1B4086, #3A1C24)
- Hazy Orchid Balcony color palette (#F0DBFF, #BB30FE, #D72C00, #00617F, #2B1239)
Browse the whole catalog at Explore, or see today's palette.