Petrol Terrace color palette — #E7F4EA · #6BABC9 · #006BA8 · #00494F · #001134
A conversation between Peacock and Cyan, giving this palette its sense of trust and stability.
The five colors
- Cream (#E7F4EA): a clean, paper-quiet neutral.
- Cyan (#6BABC9): A luminous, dusty blue — the color of deep harbor water.
- Peacock (#006BA8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00494F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Midnight (#001134): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Balance. 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
- Weathered Cobalt Hollow color palette (#E6F0E7, #92B6D6, #4A73BC, #00566B, #161945)
- Worn Petrol Study color palette (#F5EDE0, #66C4ED, #006CAA, #003D42, #00020C)
- Muted Cerulean Boulevard color palette (#D7E8DA, #4AA2A8, #006376, #003C32, #000B13)
- Faded Navy Corridor color palette (#E7DAE0, #6D95AE, #004693, #00302A, #140042)
- Dusty Cornflower color palette (#F1E1D4, #66BDE0, #0E80F5, #006E60, #12063C)
- Ancient Azure color palette (#F0F8F1, #B5DAF6, #609AD4, #007A89, #28395F)
- Pale Nightshade Veranda color palette (#E1E4FA, #D5A0DF, #DB6C9D, #4745A3, #240B2D)
- Grape Orchard color palette (#E9E0FC, #7A3FC3, #864900, #00574C, #0C001E)
Browse the whole catalog at Explore, or see today's palette.