Soft Petrol Harbor color palette — #EDDBC1 · #A37600 · #0070AD · #5F4300 · #002C47

A conversation between Slate and Ochre, giving this palette its sense of trust and stability.

The five colors

• Bone (#EDDBC1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ochre (#A37600): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Slate (#0070AD): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#5F4300): A full-bodied, balanced gold — the color of honey in a jar.
• Midnight (#002C47): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Balance. Tagged cool.

Use it as a design system

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

• Gentle Sapphire color palette (#E8DDC5, #967C00, #3A5CD9, #584700, #142359)
• Cobalt Orchard color palette (#DDEBDC, #AC7100, #006DBC, #613E00, #001227)
• Cobalt Villa color palette (#EBDBC8, #E09928, #0079CE, #875800, #002A4D)
• Timeworn Garnet color palette (#F1D8CD, #C75745, #00749D, #8A0E00, #002D40)
• Faded Garden color palette (#F5EEE1, #816900, #00629F, #3A3F80, #271E00)
• Sunlit Alley color palette (#E8DEBF, #8A8200, #9240A9, #504B00, #41064F)
• Quiet Cornflower Coast color palette (#C9E8CA, #FAB330, #2292EA, #AB7600, #002A4C)
• Wandering Meadow color palette (#F9F5E8, #A6A35E, #837FC8, #6D6900, #3F3D64)

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