Quiet Harbor color palette — #FFF1E9 · #FF8CC6 · #F45003 · #686300 · #030100
A conversation between Pumpkin and Bubblegum, giving this palette its sense of nature and growth.
The five colors
- Cream (#FFF1E9): bright and airy, almost weightless.
- Bubblegum (#FF8CC6): A luminous, balanced rose — the color of a warm blush.
- Pumpkin (#F45003): A luminous, vivid orange — the color of sun-warmed clay.
- Olive (#686300): A full-bodied, balanced green — the color of a quiet forest floor.
- Black (#030100): a grounded near-black with real depth.
Feels like: Nature, Growth, Energy, Balance. Tagged candy, vibrant, light.
Use it as a design system
One click turns Quiet 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
- Amber Field color palette (#FFF3E8, #FF8C95, #E07B00, #646A00, #020100)
- Weathered Rose Station color palette (#FFEBE3, #F675ED, #FF3B31, #8E6200, #030100)
- Coral Bloom color palette (#F6DABC, #FF6B74, #AB7900, #335E00, #010100)
- Aged Parlor color palette (#FFF4E1, #FF8E67, #AA9000, #007523, #010100)
- Tempered Peony color palette (#FFF1F1, #C298FF, #FE2A9A, #B15200, #040001)
- Antique Hollow color palette (#F7E0E4, #C08863, #716800, #182A5D, #06001E)
- Rose Studio color palette (#FEDCF0, #F2416A, #C54400, #573F00, #180900)
- Tempered Amber Balcony color palette (#FFE7E0, #BF6D00, #724E00, #292100, #040600)
Browse the whole catalog at Explore, or see today's palette.