Sunlit Navy Workshop color palette — #FAF8CC · #A8DCC6 · #64B2B6 · #3C769B · #313E7A
Navy takes the lead with Slate close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#FAF8CC): A whisper-light, dusty green — the color of a quiet forest floor.
- Mint (#A8DCC6): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#64B2B6): A luminous, dusty teal — the color of glacier melt.
- Slate (#3C769B): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#313E7A): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Creativity, Calm. Tagged cool.
Use it as a design system
One click turns Sunlit Navy Workshop 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
- Linen Aqua color palette (#D8FFF3, #A2EEF1, #5CCBD5, #3B7FA8, #333566)
- Nightshade Workshop color palette (#CBF0DD, #00B4B4, #007EA8, #303DA6, #36005E)
- Aubergine Villa color palette (#E8FDDA, #97DEF0, #79A0C8, #66699D, #62366C)
- Lagoon Pier color palette (#FFF3E4, #C9D39E, #73AA86, #2B857F, #004E62)
- Weathered Denim color palette (#DAFDFF, #91CBC2, #398F98, #006784, #004B77)
- Hushed Stone Market color palette (#FFF2ED, #91CDB1, #7098B4, #91605E, #3C4D3B)
- Aubergine Corridor color palette (#BDE9E5, #00A1C2, #1E5AC9, #3F0F9A, #2C0029)
- Hushed Teal color palette (#E7F7E9, #29AFB6, #445E57, #313B32, #20231D)
Browse the whole catalog at Explore, or see today's palette.