Aged Petrol Harbor color palette — #EDF4EF · #CDDADB · #CCBAC0 · #338190 · #262F28

Slate and Stone set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#EDF4EF): a clean, paper-quiet neutral.
• Silver (#CDDADB): a clean, paper-quiet neutral.
• Stone (#CCBAC0): A luminous, dusty rose — the color of strawberry cream.
• Slate (#338190): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#262F28): 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 Aged 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

• Ancient Petrol color palette (#EFF6F9, #D8DAE0, #C1BCCC, #1E838D, #3A4B51)
• Wandering Cobalt color palette (#F6EFF5, #E9D1D2, #D1B7C0, #4B66B2, #2E202B)
• Aged Lagoon Parlor color palette (#F4F3E3, #B2B88E, #4C8268, #435D43, #272915)
• Muted Parlor color palette (#E7F6F0, #DFCDE0, #BEA1B6, #00638A, #032016)
• Cobalt Terrace color palette (#D5EAE2, #197DB4, #3B2B39, #041A14, #020804)
• Washed Balcony color palette (#F1F7F2, #D2DDDF, #BBB2A6, #6BAAB1, #39423A)
• Aged Hollow color palette (#D8FCEA, #CCB6CB, #9C7587, #804A1B, #38342E)
• Aged Balcony color palette (#DEE8E2, #90A69E, #8C7289, #003D4D, #000603)

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