Mustard Harbor color palette — #E7F5F5 · #D0AE66 · #076547 · #002E30 · #040F0F
Built around Gold, softened by Pine — the whole palette hums with optimism and sophistication.
The five colors
- Ivory (#E7F5F5): a clean, paper-quiet neutral.
- Gold (#D0AE66): A luminous, balanced gold — the color of afternoon light on wheat.
- Pine (#076547): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Forest (#002E30): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#040F0F): a grounded near-black with real depth.
Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.
Use it as a design system
One click turns Mustard 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
- Washed Marigold Chapel color palette (#E3F5FF, #D29E00, #005568, #00252F, #000910)
- Stone Meadow color palette (#E8F4F8, #D8C090, #396977, #1A353D, #08161A)
- Worn Alley color palette (#F3F7EA, #C6C990, #507E5F, #3C4900, #202317)
- Softworn Studio color palette (#CFE1EE, #B28600, #003F55, #00151F, #000204)
- Airy Pier color palette (#E5F5F8, #27CEB3, #3F79AF, #007564, #040F1B)
- Cypress Parlor color palette (#EAF4F7, #D2D7E1, #B7BCCC, #3F8184, #262E30)
- Twilit Chestnut color palette (#D5F1FC, #705300, #383034, #00181B, #000102)
- Turquoise Canyon color palette (#DFFAE4, #00B0C0, #3D6F9A, #673639, #0F2631)
Browse the whole catalog at Explore, or see today's palette.