Petrol Orchard color palette — #FBEBDF · #6DC3E6 · #006AB1 · #003E3B · #010015
Royal Blue and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#FBEBDF): A whisper-light, dusty gold — the color of old brass.
- Sky (#6DC3E6): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#006AB1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#003E3B): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#010015): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Petrol Orchard 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
- Aqua Balcony color palette (#FCEAE1, #56CCCA, #007388, #004025, #000306)
- Powdered Chapel color palette (#FFF3E6, #9AD3FF, #4974D7, #005058, #0C042A)
- Hushed Grove color palette (#F5E6EE, #5E92A9, #004693, #002C26, #040019)
- Linen Cornflower color palette (#F6E3D6, #72BBD9, #3883DD, #006E5F, #130043)
- Hushed Thicket color palette (#C2EFEB, #00A89D, #00625C, #001917, #000201)
- Washed Periwinkle color palette (#FCF3EC, #C2E5F6, #71A9EC, #117E7F, #252B4D)
- Washed Emerald color palette (#E2EFD5, #1E9E1C, #00644A, #002E2B, #000506)
- Plum Corridor color palette (#DAF8EE, #009377, #B5007D, #004738, #040002)
Browse the whole catalog at Explore, or see today's palette.