Patina Petrol color palette — #FCF5E0 · #4DA6B8 · #685FA2 · #545016 · #26443B
Built around Slate, softened by Cyan — the whole palette hums with nature and growth.
The five colors
- Cream (#FCF5E0): A whisper-light, dusty green — the color of a quiet forest floor.
- Cyan (#4DA6B8): A luminous, balanced blue — the color of deep harbor water.
- Slate (#685FA2): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Olive (#545016): A full-bodied, dusty green — the color of fresh herbs.
- Forest (#26443B): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged retro, muted.
Use it as a design system
One click turns Patina Petrol 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
- Pewter Boulevard color palette (#F5F8E2, #619FCA, #815690, #355830, #4A3546)
- Patina Bloom color palette (#FFF2EA, #57A992, #3B6D9D, #753C1C, #2E4331)
- Petrol Delta color palette (#E6F7E9, #6CA1D2, #6761A0, #6C3600, #152338)
- Quiet Cerulean Studio color palette (#ECF9EE, #009BA6, #944757, #355207, #003E27)
- Iris Courtyard color palette (#ECF3D4, #797EC5, #873E5D, #004A49, #462431)
- Airy Chestnut Atelier color palette (#FEF4E4, #86B6E3, #827DBD, #954E00, #4E324C)
- Ancient Villa color palette (#D2F0BB, #0089B5, #7112AB, #254100, #082755)
- Muted Courtyard color palette (#FAF4EE, #C7E4D9, #7489BB, #00716D, #5E3B4C)
Browse the whole catalog at Explore, or see today's palette.