Ultramarine Garden color palette — #F3EFCC · #566A00 · #113BCA · #650035 · #040500
Cobalt takes the lead with Mulberry close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F3EFCC): A whisper-light, dusty green — the color of a quiet forest floor.
- Olive (#566A00): A full-bodied, balanced green — the color of a quiet forest floor.
- Cobalt (#113BCA): A full-bodied, vivid violet — the color of twilight just after sunset.
- Mulberry (#650035): A deep, shadowed, balanced rose — the color of pressed rose petals.
- Ink (#040500): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged vibrant.
Use it as a design system
One click turns Ultramarine 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
- Nightshade Veranda color palette (#D6E4C9, #007258, #3141B4, #650036, #000604)
- Quiet Navy color palette (#F2EFD3, #5A7100, #004485, #4F0006, #090800)
- Aubergine Canyon color palette (#E4E3CC, #506C00, #005887, #5A005B, #030600)
- Aubergine Grove color palette (#D9EDCF, #007161, #7F009D, #651200, #000604)
- Charred Bloom color palette (#FFE9F3, #6C3100, #450082, #350032, #0B0200)
- Tempered Olive color palette (#E1F5D5, #4E8F00, #007D95, #853E00, #020600)
- Worn Sapphire Boulevard color palette (#DBEBD0, #009D80, #1F6BF6, #A10057, #00261D)
- Hushed Mulberry Corridor color palette (#D4F3E1, #007B97, #97317E, #663300, #001016)
Browse the whole catalog at Explore, or see today's palette.