Gentle Harbor color palette — #FFF0FE · #D3393C · #00754A · #003952 · #02000A
Crimson and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#FFF0FE): A whisper-light, dusty pink — the color of neon signs at night.
- Crimson (#D3393C): A full-bodied, vivid orange — the color of autumn markets.
- Pine (#00754A): A full-bodied, balanced teal — the color of glacier melt.
- Deep Teal (#003952): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Black (#02000A): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Nature, Growth, Trust, Stability, Energy, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Gentle Harbor 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
- Tempered Peony color palette (#FCF1FF, #D45682, #046A17, #00394A, #04000C)
- Amber Ridge color palette (#FFF0F8, #DF6D11, #35751A, #003F52, #180023)
- Navy Balcony color palette (#FFF1F7, #C16200, #007174, #172A8E, #080002)
- Coral Pier color palette (#FFF0FB, #E77461, #00856F, #004C8A, #0E041E)
- Muted Navy Coast color palette (#FFF0F8, #9D3F00, #00584E, #00147B, #020006)
- Mulberry Field color palette (#FCE8E1, #9F001F, #004F31, #002F46, #21050C)
- Lowlit Station color palette (#FFDAE8, #7E5000, #004048, #120051, #040001)
- Aubergine Veranda color palette (#F6D9D0, #A0132F, #354900, #28007C, #0C0100)
Browse the whole catalog at Explore, or see today's palette.