Petrol Coast color palette — #FFF3E2 · #C19124 · #2469B0 · #004D91 · #0D0600
Royal Blue takes the lead with Mustard close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
- Mustard (#C19124): A luminous, balanced gold — the color of afternoon light on wheat.
- Royal Blue (#2469B0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#004D91): A full-bodied, balanced blue — the color of open sky before noon.
- Ink (#0D0600): A deep, shadowed, dusty gold — the color of honey in a jar.
Feels like: Trust, Stability, Optimism, Balance. Tagged cool.
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
- Softworn Grape Field color palette (#FFF3E3, #C29024, #6C4DBE, #503F85, #0D0600)
- Powdered Amber color palette (#FFF3E4, #D09000, #8080CC, #585795, #1F1202)
- Weathered Ultramarine Orchard color palette (#FFF4DB, #A99406, #4853BE, #57155F, #1A001E)
- Airy Canyon color palette (#FFF2EC, #FF5A3D, #006EA6, #00527E, #120300)
- Mustard Archive color palette (#FFF2EA, #BCA100, #007D65, #502D65, #151300)
- Worn Lapis color palette (#FBEDD0, #887000, #5C49B8, #37247B, #020100)
- Misty Delta color palette (#FCF5DD, #B5BB39, #9C93D8, #716A9D, #2A240E)
- Weathered Chestnut Chapel color palette (#CBE6D3, #766000, #005C76, #003D54, #221A00)
Browse the whole catalog at Explore, or see today's palette.