Gentle Harbor color palette — #D3F1F5 · #007C6E · #A70313 · #004038 · #180000
Garnet takes the lead with Teal close behind in a set that reads as balance at first glance.
The five colors
- Frost (#D3F1F5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007C6E): A full-bodied, balanced teal — the color of shallow lagoons.
- Garnet (#A70313): A full-bodied, vivid orange — the color of sun-warmed clay.
- Forest (#004038): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#180000): A deep, shadowed, dusty orange — the color of toasted spice.
Feels like: Balance. Tagged warm.
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
- Quiet Mulberry color palette (#C7ECF7, #007D7C, #A7003F, #004241, #390010)
- Gentle Cabin color palette (#D0E1ED, #00759D, #992E00, #003C52, #150200)
- Brick Hollow color palette (#C9E8E4, #008223, #A7050C, #00430E, #180000)
- Cocoa Loft color palette (#D9EDEE, #006853, #822C00, #602900, #000503)
- Powdered Mulberry Balcony color palette (#CAE9EB, #007E62, #92008C, #004131, #130012)
- Worn Crimson Hollow color palette (#E0F5DF, #00A7A5, #E20043, #005958, #170002)
- Aged Bloom color palette (#C6E5F4, #0096B1, #AA5900, #005666, #260F00)
- Cocoa Boulevard color palette (#F0D8E4, #906A26, #6D2F00, #480012, #060500)
Browse the whole catalog at Explore, or see today's palette.