Gentle Coast color palette — #F3E0EE · #5772D3 · #006C2D · #004C4C · #001B14
A conversation between Sapphire and Pine, giving this palette its sense of nature and growth.
The five colors
- Blush (#F3E0EE): A whisper-light, dusty pink — the color of neon signs at night.
- Sapphire (#5772D3): A full-bodied, balanced violet — the color of wild irises.
- Pine (#006C2D): A full-bodied, balanced green — the color of a quiet forest floor.
- Forest (#004C4C): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001B14): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Gentle Coast 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 Cornflower color palette (#F7E5F5, #4274EC, #993380, #00534B, #00141D)
- Muted Corridor color palette (#FBE0EA, #875DC3, #007268, #004A60, #090F30)
- Cornflower Drift color palette (#EEF6FF, #008BE3, #467100, #004431, #000407)
- Hushed Amethyst Delta color palette (#F5E2EB, #6D49DB, #005E43, #00383E, #000512)
- Ancient Fern color palette (#D6EEDF, #008DA7, #6C5B00, #1F5100, #051902)
- Timeworn Raspberry color palette (#FFE7E9, #BE4AA6, #006477, #003A80, #280917)
- Tempered Bronze Quarry color palette (#F4E7D4, #996E00, #006942, #004B4C, #001611)
- Lilac Corridor color palette (#E5EAFF, #A797FF, #827800, #007783, #100928)
Browse the whole catalog at Explore, or see today's palette.