Petrol Terrace color palette — #DBEEEA · #6DC3C9 · #007987 · #004C46 · #001A20
Teal and Aqua set the tone — five colors that lean into trust and stability.
The five colors
- Honeydew (#DBEEEA): A whisper-light, dusty teal — the color of glacier melt.
- Aqua (#6DC3C9): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#007987): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C46): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001A20): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Terrace 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
- Washed Petrol color palette (#F4EEE4, #81BEC1, #007589, #005142, #003346)
- Feathered Cobalt color palette (#DEEDEC, #8BB9DE, #146CBB, #004760, #011337)
- Aged Turquoise color palette (#D9E8E6, #3FABCC, #006082, #00383F, #000C17)
- Hazy Market color palette (#E2F7F5, #92DBFD, #008DC7, #006070, #002743)
- Tempered Cerulean Drift color palette (#D6E9E6, #318499, #004256, #001F22, #000103)
- Worn Forest color palette (#F7EAF6, #8ED2D7, #3191B9, #00713B, #142D53)
- Plum Grove color palette (#F4D6EC, #B1169A, #9E3800, #2E419B, #0F041E)
- Dusty Blush color palette (#EBDFFF, #F2ADC9, #DF7E8E, #7D4980, #20142B)
Browse the whole catalog at Explore, or see today's palette.