Navy Bloom color palette — #ECF5E5 · #008B6F · #005E71 · #1B3476 · #2B2E00
Built around Navy, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Cream (#ECF5E5): A whisper-light, dusty green — the color of a quiet forest floor.
- Fern (#008B6F): A full-bodied, balanced teal — the color of sea glass.
- Peacock (#005E71): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#1B3476): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Forest (#2B2E00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.
Use it as a design system
One click turns Navy Bloom 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 Olive Boulevard color palette (#F2F3E5, #3D8B2B, #00615C, #003F5D, #382900)
- Ancient Petrol color palette (#ECF9ED, #009CA0, #0068A5, #4A3D75, #383932)
- Hushed Teal Canyon color palette (#D2E5DE, #00AF99, #007D76, #005756, #073A4F)
- Ancient Workshop color palette (#E5F8E9, #008696, #004EAD, #4B236A, #00351E)
- Weathered Onyx Pier color palette (#E2F0DF, #006560, #003B57, #20005C, #051700)
- Misty Clover color palette (#F2F8E6, #8DD36D, #25C774, #008D79, #2F322C)
- Tempered Pine Courtyard color palette (#F8F6E5, #88A575, #3E713C, #554C00, #36362F)
- Inked Pine color palette (#E4EED6, #00764D, #002E24, #101604, #020602)
Browse the whole catalog at Explore, or see today's palette.