Sunlit Petrol Quarry color palette — #F3F8E7 · #66C5ED · #0076A8 · #005462 · #003658
Cerulean and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#F3F8E7): A whisper-light, dusty green — the color of fresh herbs.
- Sky (#66C5ED): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#0076A8): A full-bodied, balanced blue — the color of open sky before noon.
- Peacock (#005462): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Navy (#003658): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Sunlit Petrol Quarry 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
- Wandering Field color palette (#FFEEE3, #7AC7E8, #0075C5, #00524F, #0B0A50)
- Hushed Petrol color palette (#EEF0E6, #97BBA3, #00748D, #004F51, #003345)
- Cerulean Delta color palette (#F5F7E7, #8EDEE2, #0090A0, #006760, #004856)
- Patina Sky color palette (#E2FBF9, #A6E4FF, #21B8FB, #0094AA, #003657)
- Denim Workshop color palette (#DFE3D5, #69A7CA, #005D8E, #003C4A, #00203E)
- Softworn Cornflower Courtyard color palette (#FFF0F8, #8FD6F5, #098FF1, #00726F, #1D2578)
- Petrol Alley color palette (#F4F6EF, #C0E6DA, #6D8DB2, #206A8A, #583D56)
- Muted Lagoon Coast color palette (#EFF0DE, #539E9D, #00545A, #00302A, #00181C)
Browse the whole catalog at Explore, or see today's palette.