Muted Harbor color palette — #FFF1CF · #AF9800 · #009597 · #695B00 · #002627
A conversation between Mustard and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Custard (#FFF1CF): A whisper-light, dusty gold — the color of old brass.
- Mustard (#AF9800): A luminous, balanced green — the color of fresh herbs.
- Cerulean (#009597): A luminous, balanced teal — the color of sea glass.
- Olive (#695B00): A full-bodied, balanced green — the color of new leaves after rain.
- Onyx (#002627): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Muted 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
- Soft Lagoon color palette (#F5F4D4, #6FAD00, #008FBA, #416800, #002432)
- Ancient Olive color palette (#FAF0CC, #838500, #007984, #494A00, #001619)
- Linen Terracotta Drift color palette (#E6E9B8, #878900, #008873, #9F3F00, #1E1700)
- Mint Drift color palette (#EDF5E6, #58CBAB, #BB9562, #3D806C, #35302A)
- Amber Cabin color palette (#FFEEE1, #E67500, #009D4A, #8C4500, #00290E)
- Washed Alley color palette (#FAE7BE, #AEA32B, #7E6A00, #564000, #231C00)
- Worn Rust color palette (#F1EACA, #8E9B00, #C64E58, #535B00, #350B0F)
- Sapphire Thicket color palette (#E4F1D7, #009E78, #235DFD, #005A43, #00044E)
Browse the whole catalog at Explore, or see today's palette.