Hushed Petrol Harbor color palette — #F7F6EB · #AAB980 · #4E9AA2 · #695CA3 · #5C372C

Built around Slate, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#F7F6EB): a clean, paper-quiet neutral.
• Sage (#AAB980): A luminous, dusty green — the color of a quiet forest floor.
• Storm Blue (#4E9AA2): A luminous, dusty blue — the color of open sky before noon.
• Slate (#695CA3): A full-bodied, balanced violet — the color of wild irises.
• Cocoa (#5C372C): A deep, shadowed, dusty orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

One click turns Hushed Petrol 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

• Softworn Pewter Study color palette (#F4F7ED, #8EBF9A, #6092BB, #8A547B, #47413C)
• Softworn Straw Thicket color palette (#EBF9F4, #C3D687, #48AAB4, #5F698D, #443047)
• Aged Parlor color palette (#FBF4EC, #B8905B, #4773A6, #734158, #593836)
• Faded Terracotta color palette (#F0F8EF, #57B7AD, #7876C0, #963C3F, #343D00)
• Pale Mulberry Quarry color palette (#EEF5E5, #4AAA83, #3F6FC2, #8C1951, #352A00)
• Driftwood Station color palette (#FAF6DF, #CBD1BC, #9FAD9B, #977C87, #5F494B)
• Muted Grove color palette (#F5F8E1, #60B258, #0082B0, #860A96, #4E2200)
• Honey Hollow color palette (#EEF9ED, #EEBD7F, #72B2D9, #AA748A, #4A3C54)

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