Petrol Terrace color palette — #F0FBD5 · #98DBC7 · #63B3AF · #1C7B8C · #00526E
Teal takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.
The five colors
- Custard (#F0FBD5): A whisper-light, dusty green — the color of fresh herbs.
- Lagoon (#98DBC7): A whisper-light, dusty teal — the color of shallow lagoons.
- Turquoise (#63B3AF): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#1C7B8C): A full-bodied, balanced blue — the color of deep harbor water.
- Peacock (#00526E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged muted, cool.
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
- Navy Villa color palette (#D5FFFA, #96DEE7, #60A5C0, #4276A1, #2E4882)
- Jade Coast color palette (#FFF5D4, #C2D8A5, #82B181, #3B8167, #00504B)
- Chalky Navy color palette (#D3F0EE, #00BACC, #0082A8, #004B81, #001866)
- Worn Navy color palette (#FEF6D2, #B6C095, #3C968C, #006780, #214583)
- Cerulean Study color palette (#FDF4E5, #8FCDB7, #51A0AD, #8A5F7B, #3F4C3B)
- Hushed Garden color palette (#F3F6EF, #D4DCD8, #A7B2B5, #93A27D, #51544D)
- Wandering Meadow color palette (#EBF5E9, #21B1AC, #4D5D53, #323B31, #20231E)
- Worn Aqua color palette (#72FFE8, #00D2D6, #009AB8, #00688F, #003566)
Browse the whole catalog at Explore, or see today's palette.