Petrol Field color palette — #F1F7F2 · #D8DDEE · #779DC3 · #277B88 · #475365
Teal and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D8DDEE): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#779DC3): A luminous, dusty blue — the color of open sky before noon.
- Teal (#277B88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#475365): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Field 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
- Aged Ash Meadow color palette (#F8EFF3, #D8D1E5, #859DC6, #397770, #30354B)
- Antique Petrol color palette (#E6F2E8, #6FC0CB, #00748F, #005147, #00324A)
- Powder Hollow color palette (#E9F9F4, #C4DBF5, #99C4E8, #698E79, #425653)
- Dusty Turquoise color palette (#F4F6EF, #C7E9EA, #9FD4C3, #6AADC3, #5F4A62)
- Hushed Alley color palette (#EEF8F0, #9FDBDB, #008FA2, #006952, #00475C)
- Worn Field color palette (#E2FCF4, #8BA165, #4D90C5, #A35F6F, #304841)
- Patina Lagoon Balcony color palette (#E4F0E6, #2BA39E, #00545C, #003122, #00171F)
- Tempered Lilac color palette (#EAF9F3, #ABB77C, #9D89DC, #6D7B21, #474B65)
Browse the whole catalog at Explore, or see today's palette.