Petrol Loft color palette — #FAEBE3 · #9DBB9C · #007589 · #005331 · #00324B
Teal and Deep Olive set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#FAEBE3): a clean, paper-quiet neutral.
- Sage (#9DBB9C): A luminous, dusty green — the color of fresh herbs.
- Teal (#007589): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#005331): A deep, shadowed, balanced teal — the color of sea glass.
- Deep Teal (#00324B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Loft 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
- Softworn Forest Dune color palette (#FBF3EF, #B1CDB6, #39829E, #006249, #1C3D5A)
- Cypress Meadow color palette (#E2ECE9, #8EBCC8, #007A80, #004C42, #001A1E)
- Petrol Garden color palette (#F6EDE5, #8BB8D3, #3268AF, #004F52, #262854)
- Softworn Denim Villa color palette (#EBE0DB, #63ABBB, #005E86, #003F35, #001D48)
- Tempered Olive Field color palette (#FBF3EF, #C9EAE2, #6EA2B3, #617837, #315248)
- Frosted Garnet Canyon color palette (#FCD4C7, #C05964, #00797F, #8B002A, #003032)
- Faded Grove color palette (#F5EBF2, #9EE2DF, #00B8D5, #31935F, #00324A)
- Dusty Harbor color palette (#FBF3EE, #C6E5D5, #5A8FBE, #236F6A, #5B3B56)
Browse the whole catalog at Explore, or see today's palette.