Petrol Orchard color palette — #F8F5ED · #A69952 · #127D97 · #733F61 · #48403D
Cerulean and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F8F5ED): a clean, paper-quiet neutral.
- Moss (#A69952): A luminous, balanced green — the color of a quiet forest floor.
- Cerulean (#127D97): A full-bodied, balanced blue — the color of deep harbor water.
- Mulberry (#733F61): A full-bodied, balanced pink — the color of a candy shop window.
- Charcoal (#48403D): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged 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
- Tempered Meadow color palette (#F5F6EC, #7CA668, #5F6BA8, #78404E, #48403D)
- Jade Meadow color palette (#E6F6F3, #7FAA6F, #32807C, #633F54, #0A2F1E)
- Antique Ash color palette (#FAF4EF, #CBE6E8, #7F9AC5, #347B80, #614B59)
- Aged Cocoa color palette (#FAF5E3, #C0C6AB, #819D80, #886D66, #793A23)
- Weathered Mint Chapel color palette (#F4F7EC, #7CC492, #4E9A9E, #486D8D, #563E00)
- Oat Ridge color palette (#E9F9F5, #B3D39E, #6FB6C7, #8C7DB0, #5F3434)
- Wandering Chestnut color palette (#F9F5EC, #C7C2A2, #608E63, #806018, #584D00)
- Pine Bloom color palette (#F1F4E3, #4B8F50, #33412D, #282A1C, #141711)
Browse the whole catalog at Explore, or see today's palette.