Gentle Navy color palette — #F1FAC3 · #95D6B3 · #40A59E · #007593 · #0D3879
Navy takes the lead with Teal close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F1FAC3): A whisper-light, dusty green — the color of a quiet forest floor.
- Pistachio (#95D6B3): A whisper-light, balanced teal — the color of shallow lagoons.
- Turquoise (#40A59E): A luminous, balanced teal — the color of sea glass.
- Teal (#007593): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#0D3879): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Gentle Navy 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
- Feathered Jade color palette (#FFEFCA, #B4C88A, #5CA47D, #007A77, #004457)
- Aubergine Chapel color palette (#D8FFDE, #6ED0CD, #36A6C4, #2E65A5, #492A76)
- Chalky Teal color palette (#C9FFDF, #8CE7CF, #00C2C1, #0090A4, #00455E)
- Gentle Aubergine color palette (#DDF6DC, #00BEA4, #008B9B, #004F89, #290074)
- Mint Harbor color palette (#FDF0FF, #7BC495, #4C8FAF, #88515A, #1C444A)
- Soft Navy Pier color palette (#DCF4E6, #008287, #004E75, #050078, #090015)
- Lagoon Orchard color palette (#EBF4E0, #00956D, #006467, #003552, #020030)
- Lagoon Harbor color palette (#D3E9EF, #00A59E, #3B5060, #1D3136, #0F1B1A)
Browse the whole catalog at Explore, or see today's palette.