Petrol Garden color palette — #DFF3F1 · #79C0EA · #006DA9 · #003C4B · #000309
A conversation between Peacock and Sky, giving this palette its sense of trust and stability.
The five colors
- Cream (#DFF3F1): A whisper-light, dusty teal — the color of shallow lagoons.
- Sky (#79C0EA): A luminous, balanced blue — the color of open sky before noon.
- Peacock (#006DA9): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#003C4B): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#000309): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Garden 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
- Cypress Canyon color palette (#E5F1EE, #77C7C4, #00767B, #003F35, #000304)
- Washed Parlor color palette (#F6ECDB, #4B93B9, #004B82, #002B31, #00011C)
- Aged Azure color palette (#E8F9F8, #CBDEFD, #009DDE, #006779, #002038)
- Powdered Cornflower Coast color palette (#EBDAE1, #4DBDF2, #1D82EC, #006D6E, #0C063F)
- Bronze Alley color palette (#FFE8EF, #AE7B25, #6E4100, #361800, #020100)
- Sunlit Raspberry Pier color palette (#F1E9F5, #D5357D, #786600, #70003B, #020100)
- Antique Garden color palette (#F7E9FA, #BE0050, #784E00, #590098, #040001)
- Worn Ridge color palette (#F3D3EB, #D82BA4, #870059, #470025, #110003)
Browse the whole catalog at Explore, or see today's palette.