Weathered Petrol Harbor color palette — #F5EDD0 · #9C8000 · #006FB3 · #0C0E1B · #000206
Royal Blue and Olive Leaf set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F5EDD0): A whisper-light, dusty green — the color of fresh herbs.
- Olive Leaf (#9C8000): A luminous, balanced green — the color of fresh herbs.
- Royal Blue (#006FB3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#0C0E1B): A deep, shadowed, dusty violet — the color of a velvet chair.
- Black (#000206): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged neon, dark, vibrant, muted.
Use it as a design system
One click turns Weathered 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
- Wandering Amber Quarry color palette (#DFEBDF, #C96200, #007CA9, #0A0F19, #000205)
- Sapphire Villa color palette (#E1EDE0, #A47C00, #1462F6, #0E0621, #000208)
- Moss Lantern color palette (#EBDCCA, #82A33A, #006FB1, #00243E, #000202)
- Grape Lantern color palette (#DCE6C5, #7F7700, #5C02EE, #15051C, #01000E)
- Feathered Lantern color palette (#C9E7E4, #E4AB2B, #487AEC, #241F3E, #061123)
- Timeworn Amethyst color palette (#C7E8EE, #7FB728, #7247EB, #200228, #030513)
- Gentle Scarlet color palette (#E2EBD2, #E73A00, #008854, #011110, #000202)
- Aubergine Chapel color palette (#EDEFF8, #ABA5BB, #8D7691, #3B266F, #0F1224)
Browse the whole catalog at Explore, or see today's palette.