Petrol Orchard color palette — #F1F7F2 · #D8DDEF · #749DC5 · #297B86 · #43536B
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 (#D8DDEF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#749DC5): A luminous, dusty blue — the color of deep harbor water.
- Teal (#297B86): A full-bodied, dusty blue — the color of deep harbor water.
- Peacock (#43536B): A full-bodied, dusty blue — the color of deep harbor water.
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
- Periwinkle Station color palette (#F7EFF3, #D8D1E5, #7C9DD3, #287A70, #2F354C)
- Tempered Powder Dune color palette (#FAF4EF, #C4E0EF, #95B2E4, #4B958C, #604C56)
- Antique Denim color palette (#E2ECE3, #77A6BC, #005C8F, #003D42, #001C49)
- Washed Cypress color palette (#EBF8FA, #86BDAF, #C6819C, #008671, #584364)
- Patina Petrol Studio color palette (#EDF9EF, #79C7CC, #007B91, #005748, #00384E)
- Worn Lagoon color palette (#E3F0E5, #48A09A, #00545B, #003121, #00171E)
- Muted Chestnut color palette (#EBF9F2, #9EC1B5, #5F8C76, #6E5B2D, #334E49)
- Patina Navy Ridge color palette (#E8F3EA, #6185A2, #003683, #00212A, #04002D)
Browse the whole catalog at Explore, or see today's palette.