Petrol Terrace color palette — #F7EAF3 · #71C1C4 · #00748E · #005237 · #00314E
A conversation between Teal and Forest, giving this palette its sense of trust and stability.
The five colors
- Blush (#F7EAF3): a clean, paper-quiet neutral.
- Mint Leaf (#71C1C4): A luminous, dusty teal — the color of sea glass.
- Teal (#00748E): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#005237): A deep, shadowed, balanced teal — the color of glacier melt.
- Deep Teal (#00314E): A deep, shadowed, dusty blue — the color of open sky before noon.
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
- Tempered Sapphire color palette (#F5EBF0, #7FBAD8, #0069BD, #00504F, #242A4F)
- Worn Aqua color palette (#EAEADB, #59C7CB, #007985, #004C45, #001A20)
- Cerulean Harbor color palette (#E4F2EF, #6ED8DD, #0097A8, #006D65, #00343F)
- Hazy Cobalt color palette (#FFF0F8, #A3D7ED, #0084D8, #006762, #2E3C6C)
- Washed Turquoise color palette (#F4EDE3, #BBDEBE, #1CB7D3, #009479, #003345)
- Softworn Turquoise Boulevard color palette (#F9F3F8, #D6D6EC, #54A5C5, #3E7C67, #445465)
- Quiet Nightshade Ridge color palette (#F2E1E7, #6395BB, #0A35B7, #002F34, #14043C)
- Byzantium Boulevard color palette (#E8E0ED, #8F3FB7, #4C6A00, #005955, #1E1A39)
Browse the whole catalog at Explore, or see today's palette.