Petrol Terrace color palette — #E3F3E6 · #5CC6E8 · #006F9F · #003E3F · #000309
Peacock takes the lead with Sky close behind in a set that reads as trust and stability at first glance.
The five colors
- Honeydew (#E3F3E6): A whisper-light, dusty teal — the color of glacier melt.
- Sky (#5CC6E8): A luminous, balanced blue — the color of deep harbor water.
- Peacock (#006F9F): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#003E3F): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000309): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Teal Corridor color palette (#DDE9DF, #3DB6B6, #00606C, #002C21, #000102)
- Chalky Cobalt color palette (#ECF9EE, #95D4FF, #377BCA, #004F5D, #03062E)
- Weathered Denim color palette (#FAE8DE, #5494AA, #004D7B, #002C28, #00001E)
- Cobalt Workshop color palette (#F4E8EF, #77BBD3, #008AD5, #006E65, #010842)
- Patina Periwinkle Harbor color palette (#EDF9EF, #D7D6E4, #6DADDF, #187D85, #1C2F48)
- Feathered Terrace color palette (#F5F3FF, #EAB6FF, #E071A9, #3A498B, #06000D)
- Tempered Amethyst Basin color palette (#E8E3FF, #7811F2, #894100, #004F3F, #020008)
- Feathered Lapis color palette (#DDEDFF, #527DFF, #4816E6, #310068, #060010)
Browse the whole catalog at Explore, or see today's palette.