Ultramarine Canyon color palette — #F9DAF2 · #5675FF · #767500 · #2900E2 · #313000
A conversation between Cobalt and Periwinkle, giving this palette its sense of nature and growth.
The five colors
- Blush (#F9DAF2): A whisper-light, dusty pink — the color of a candy shop window.
- Periwinkle (#5675FF): A luminous, vivid violet — the color of a velvet chair.
- Olive (#767500): A full-bodied, balanced green — the color of fresh herbs.
- Cobalt (#2900E2): A full-bodied, vivid violet — the color of wild irises.
- Espresso (#313000): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Ultramarine Canyon 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
- Softworn Nightshade color palette (#DBDEF4, #716FFF, #7C7400, #4100CF, #191700)
- Gentle Field color palette (#FFD7EC, #9379FF, #5C7D00, #4700A7, #243400)
- Misty Lapis color palette (#FED7F0, #9EA6FF, #A38A00, #4C15EC, #372D00)
- Wandering Hollow color palette (#F4DCF5, #0D83F3, #A55A00, #004D96, #472300)
- Gentle Corridor color palette (#FFF1F5, #BE89E2, #529200, #7200A1, #234500)
- Hushed Aubergine Meadow color palette (#FFDADF, #B859BB, #6F7700, #800085, #2E3100)
- Feathered Indigo color palette (#E1E2FF, #ACAAFF, #D2AE20, #7661F2, #382D00)
- Bronze Study color palette (#C8F0DB, #0092B9, #A75800, #00576F, #482300)
Browse the whole catalog at Explore, or see today's palette.