Petrol Garden color palette — #FCF3F0 · #D59695 · #5C9475 · #1F6D98 · #412B2F
Built around Peacock, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Ivory (#FCF3F0): a clean, paper-quiet neutral.
- Rosewood Mist (#D59695): A luminous, dusty orange — the color of sun-warmed clay.
- Fern (#5C9475): A luminous, dusty teal — the color of shallow lagoons.
- Peacock (#1F6D98): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#412B2F): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Petrol Garden 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
- Aged Summit color palette (#FDF3E9, #C4A079, #3C93A4, #65629D, #422C27)
- Cypress Ridge color palette (#FDF2F3, #C698B7, #848446, #007B74, #40313D)
- Muted Study color palette (#FDF4E7, #E0B29F, #A78F5F, #0B7C8F, #693B00)
- Hushed Olive color palette (#FFF2ED, #BE6F65, #59761E, #3F507C, #38302D)
- Apricot Thicket color palette (#FEF1F8, #F5A27D, #59BB9E, #649D8A, #303342)
- Ultramarine Archive color palette (#FFF2EB, #D76D32, #008574, #0F49C9, #39112A)
- Softworn Taupe color palette (#FAF4F0, #DCDAD3, #AEB5AA, #BF8E81, #5B504A)
- Patina Chestnut color palette (#F9F0E7, #C38F5D, #735100, #522F00, #27201B)
Browse the whole catalog at Explore, or see today's palette.