Petrol Terrace color palette — #F6ECE7 · #92BDA3 · #006DAE · #00523E · #242A4E
A conversation between Peacock and Forest, giving this palette its sense of nature and growth.
The five colors
- Cream (#F6ECE7): a clean, paper-quiet neutral.
- Sage (#92BDA3): A luminous, dusty teal — the color of shallow lagoons.
- Peacock (#006DAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523E): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#242A4E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, 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
- Frosted Delta color palette (#F7ECE3, #7CBADD, #2C5FCE, #00504B, #2F264E)
- Hushed Petrol color palette (#DEEEE1, #5FC3DE, #00749F, #004B4A, #00172D)
- Tempered Cerulean Lantern color palette (#F5EDE2, #84D2E8, #1E91C2, #006C6A, #09304F)
- Muted Indigo color palette (#FDF3E9, #A2D4FE, #5D72E6, #006667, #483366)
- Cerulean Workshop color palette (#F1E0DA, #2DA1A8, #00516D, #003217, #001133)
- Amber Atelier color palette (#FFE6E8, #EFB5B3, #B69130, #5D589E, #482723)
- Faded Periwinkle Balcony color palette (#F6EBF2, #B1DAEF, #4CAEEB, #009282, #122C59)
- Tempered Byzantium color palette (#FAE1E8, #8F40B7, #006E60, #005762, #35111E)
Browse the whole catalog at Explore, or see today's palette.