Misty Harbor color palette — #FFF4DF · #746000 · #005175 · #3B0065 · #030100

Built around Royal Purple, softened by Olive — the whole palette hums with nature and growth.

The five colors

• Cream (#FFF4DF): A whisper-light, dusty gold — the color of honey in a jar.
• Olive (#746000): A full-bodied, balanced green — the color of new leaves after rain.
• Peacock (#005175): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Royal Purple (#3B0065): A deep, shadowed, balanced violet — the color of wild irises.
• Black (#030100): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged jewel, vibrant.

Use it as a design system

One click turns Misty 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

• Worn Navy Studio color palette (#FFF3E7, #924D00, #004E55, #1A005F, #040001)
• Soft Aubergine color palette (#F6F3DE, #6E8500, #00585F, #280067, #060001)
• Navy Alley color palette (#EDE5C5, #566300, #003780, #2D002D, #030100)
• Forest Thicket color palette (#D9EDEB, #005B1E, #003C3C, #230048, #020100)
• Hushed Nightshade Orchard color palette (#F8F7DB, #587600, #0025C6, #420035, #020100)
• Smoked Fern Orchard color palette (#F1F2DE, #387000, #2A3337, #00180C, #010100)
• Charred Grove color palette (#F7E2EA, #6B3700, #3F0379, #340029, #140000)
• Ultramarine Alley color palette (#F1E3C2, #AD951D, #0C57D7, #26519F, #100009)

Browse the whole catalog at Explore, or see today's palette.