Ancient Petrol Harbor color palette — #F2EEE7 · #97BBA3 · #007295 · #00504B · #00314F
A conversation between Teal and Deep Teal, giving this palette its sense of nature and growth.
The five colors
- Cream (#F2EEE7): a clean, paper-quiet neutral.
- Sage (#97BBA3): A luminous, dusty teal — the color of sea glass.
- Teal (#007295): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#00314F): 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 Ancient 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 Cobalt color palette (#F9F4ED, #A8D0BB, #1F80B6, #005F62, #203C5D)
- Worn Drift color palette (#F4EEE4, #91B6D6, #3E67AA, #004D5F, #21265E)
- Abyss Loft color palette (#ECE3D5, #78997A, #005360, #003125, #001720)
- Wandering Cypress Archive color palette (#F8F5EF, #CBE4E2, #6AA1C0, #007F7E, #33514A)
- Soft Turquoise Chapel color palette (#E5F3E7, #99E0F0, #35B3E2, #00928A, #00314F)
- Denim Study color palette (#FFE7F4, #CCB3E5, #D07DBB, #2F58A8, #472637)
- Gentle Balcony color palette (#F6E6EF, #635BBD, #9C3C00, #005C3F, #1C193D)
- Worn Nightshade color palette (#EBD7E5, #6C76C9, #826700, #3A00CA, #342700)
Browse the whole catalog at Explore, or see today's palette.