Petrol Terrace color palette — #F8F5EF · #CCE4E4 · #769DC4 · #2E7B85 · #62495F
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F8F5EF): a clean, paper-quiet neutral.
- Silver (#CCE4E4): A whisper-light, dusty teal — the color of glacier melt.
- Blue Fog (#769DC4): A luminous, dusty blue — the color of deep harbor water.
- Teal (#2E7B85): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#62495F): A full-bodied, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, 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
- Cypress Field color palette (#F8F5EF, #CBE5DF, #68A4B3, #267F6C, #355146)
- Weathered Powder color palette (#FAF3F6, #D9DFEE, #93B2E6, #5A938A, #4D5264)
- Petrol Delta color palette (#DDFCE3, #7ABCD1, #3E90B2, #216C9A, #60435F)
- Patina Villa color palette (#E9FAF3, #8BBCAA, #C98761, #007BB0, #68432E)
- Worn Denim Harbor color palette (#FEF0FF, #A7DACD, #5A8AB6, #1E4F83, #1C3A5C)
- Antique Driftwood Veranda color palette (#E2FCF4, #739DC0, #BA7083, #6B803E, #2D4941)
- Wandering Denim Chapel color palette (#F3EDE2, #6CA8C2, #005C8F, #003D42, #001C49)
- Hushed Study color palette (#FAF4EC, #B9D8B8, #008FA1, #006951, #00475B)
Browse the whole catalog at Explore, or see today's palette.