Petrol Coast color palette — #FAE5CE · #AF6D00 · #006CAD · #553300 · #000103
Built around Peacock, softened by Ochre — the whole palette hums with trust and stability.
The five colors
- Parchment (#FAE5CE): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Ochre (#AF6D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Peacock (#006CAD): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Cocoa (#553300): A deep, shadowed, dusty gold — the color of old brass.
- Black (#000103): a grounded near-black with real depth.
Feels like: Trust, Stability, Optimism, Balance. Tagged warm.
Use it as a design system
One click turns Petrol Coast 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
- Tempered Lapis color palette (#F8EAD1, #A37500, #514DDA, #4F3700, #01000A)
- Misty Studio color palette (#FFE1D2, #E52600, #007291, #720D00, #000102)
- Chestnut Corridor color palette (#D5E9D4, #7D5000, #004D7A, #3C2400, #000308)
- Wandering Sapphire color palette (#FFE5CE, #E28629, #0068D9, #914F00, #000E29)
- Weathered Bronze color palette (#FFEDDB, #A77F00, #704000, #3F0E00, #010100)
- Washed Amber Terrace color palette (#EEDADF, #00A7C7, #BC7200, #0E0C05, #020100)
- Worn Thicket color palette (#FFF3E5, #FEAE32, #6B81EF, #915F00, #101153)
- Sunflower Market color palette (#FFE9CE, #DDD852, #5EB47A, #87322B, #0A0500)
Browse the whole catalog at Explore, or see today's palette.