Worn Petrol Harbor color palette — #F8F3F9 · #E1D6D8 · #C5AAB8 · #30669E · #3F3840
Peacock and Rosewood Mist set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F8F3F9): a clean, paper-quiet neutral.
- Silver (#E1D6D8): a clean, paper-quiet neutral.
- Rosewood Mist (#C5AAB8): A luminous, dusty rose — the color of pressed rose petals.
- Peacock (#30669E): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#3F3840): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Worn 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
- Hushed Cypress Field color palette (#F1F7F2, #CFDCDC, #A1BAB2, #007279, #343E35)
- Muted Nightshade Field color palette (#FCF2F6, #E8C9D1, #C8989C, #6243A2, #402C36)
- Antique Market color palette (#FAF3F5, #E1D8D5, #ACAEA0, #8B799F, #585053)
- Timeworn Navy color palette (#EDE7ED, #C4B3BD, #AC7F91, #1B4087, #261B25)
- Wandering Pewter Canyon color palette (#F4D4EE, #C79EB2, #8C6389, #625023, #314222)
- Antique Fern color palette (#FCF4E5, #9B9F71, #4D6E29, #19516B, #37352F)
- Twilit Atelier color palette (#ECDCE6, #5251BF, #2D1C40, #1E0D19, #090204)
- Timeworn Aubergine color palette (#EEE1E4, #AA9395, #90645F, #450057, #110508)
Browse the whole catalog at Explore, or see today's palette.