Petrol Terrace color palette — #FAF6E3 · #CCE7B7 · #7BB18C · #2A7D9A · #404300
Slate and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FAF6E3): A whisper-light, dusty green — the color of new leaves after rain.
- Celadon Mist (#CCE7B7): A whisper-light, dusty green — the color of fresh herbs.
- Jade (#7BB18C): A luminous, dusty teal — the color of sea glass.
- Slate (#2A7D9A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Olive (#404300): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, 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 Basin color palette (#FBF4E6, #F1D9B1, #A4A674, #318275, #513B00)
- Softworn Cobalt color palette (#F5F7E9, #AEEBE2, #66AFBA, #666CAA, #354434)
- Wandering Taupe color palette (#E3FCF0, #9AB273, #5A835E, #3B5F71, #344E48)
- Worn Teal color palette (#FFF3E8, #D6D49B, #76C0A0, #A07FA3, #4F4A00)
- Cerulean Ridge color palette (#F4F6F0, #C5DCE7, #B0C0EB, #569EB0, #33554C)
- Mustard Loft color palette (#FFECF3, #AFB15F, #4F8571, #5F476A, #1D302C)
- Aged Denim Villa color palette (#F7F7E1, #57CFB2, #009093, #364B92, #002823)
- Quiet Aubergine Archive color palette (#EDF2D3, #009E9A, #005F6E, #2B0079, #000505)
Browse the whole catalog at Explore, or see today's palette.