Petrol Terrace color palette — #F1E7E2 · #98BEA4 · #0074A0 · #004D3F · #001534
Built around Slate, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Parchment (#F1E7E2): a clean, paper-quiet neutral.
- Sage (#98BEA4): A luminous, dusty teal — the color of sea glass.
- Slate (#0074A0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3F): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#001534): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Ancient Cobalt color palette (#F8F0EB, #ABD2BD, #3882B8, #005C55, #0E1D45)
- Worn Petrol color palette (#EEF0E4, #7EBDC9, #00748D, #004F51, #003345)
- Muted Sapphire color palette (#F2E7DC, #8FB9DA, #3F65BF, #004A52, #160540)
- Muted Lagoon color palette (#D0E4DB, #009D9A, #00636B, #003E4F, #001526)
- Lagoon Basin color palette (#F8EAE2, #4B9898, #005262, #002E19, #00050B)
- Timeworn Cypress color palette (#F7F0ED, #CAE2E0, #78A898, #007C6F, #422E40)
- Lilac Lagoon color palette (#D5F0DF, #AAD0FF, #A288D5, #007464, #002117)
- Aged Azure Canyon color palette (#B8EAFF, #309CCA, #006588, #002D3C, #00050A)
Browse the whole catalog at Explore, or see today's palette.