Petrol Orchard color palette — #F1F7F2 · #D8DDEE · #7F9CBB · #207C89 · #43536D
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 (#7F9CBB): A luminous, dusty blue — the color of open sky before noon.
- Teal (#207C89): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#43536D): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Washed Bloom color palette (#F7EFF2, #D8D1E5, #7D9CD5, #317971, #30354A)
- Powder Ridge color palette (#FAF4EF, #C2E2F2, #93B2E8, #4B958D, #644957)
- Softworn Petrol color palette (#E7F2E9, #8AB9CC, #007390, #005048, #00324B)
- Patina Abyss color palette (#E4F1E7, #6598A5, #00545D, #003123, #00171F)
- Antique Cypress color palette (#E8F9FB, #84BDB0, #CA7F97, #008573, #693E4C)
- Cerulean Studio color palette (#EDF9EF, #A9D7E5, #008FA3, #006953, #00475D)
- Hushed Coast color palette (#E5FAFE, #65A69E, #957DB0, #9B6A35, #26484F)
- Worn Studio color palette (#DAE5DC, #5D85A8, #003190, #00212A, #05002C)
Browse the whole catalog at Explore, or see today's palette.