Aged Petrol Harbor color palette — #F1E7E2 · #97BEA5 · #0073A4 · #004C41 · #011435
A conversation between Slate and Midnight, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F1E7E2): a clean, paper-quiet neutral.
- Sage (#97BEA5): A luminous, dusty teal — the color of glacier melt.
- Slate (#0073A4): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004C41): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#011435): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Sapphire Ridge color palette (#F1E7DD, #91B8DC, #4562C5, #004A54, #170C35)
- Weathered Petrol color palette (#EEF0E1, #60C1D8, #007391, #004F54, #003347)
- Dusty Cobalt Station color palette (#F6EBF2, #8AD1E2, #0091CA, #006E5D, #162E4F)
- Frosted Cornflower Orchard color palette (#F8F0E9, #A2D7FF, #3C78FD, #006169, #221E47)
- Hushed Navy Alley color palette (#EFE4DC, #2D82A8, #003B73, #001F1F, #01000B)
- Ancient Iris color palette (#F7F1E9, #C5E4DB, #738ACE, #006A79, #3F2032)
- Frosted Magenta color palette (#F6E0E2, #B946B3, #055E12, #00575C, #180117)
- Soft Peony color palette (#FBE0E3, #BB4EAA, #007E62, #78006C, #001710)
Browse the whole catalog at Explore, or see today's palette.