Forest Ridge color palette — #FBF1FC · #AF636A · #00693F · #004A67 · #2B283E
A conversation between Pine and Mocha, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FBF1FC): a clean, paper-quiet neutral.
- Mocha (#AF636A): A full-bodied, balanced red — the color of late-summer berries.
- Pine (#00693F): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#004A67): A deep, shadowed, dusty blue — the color of open sky before noon.
- Midnight (#2B283E): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, muted.
Use it as a design system
One click turns Forest Ridge 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
- Hushed Pine color palette (#FFF0F9, #B27862, #3E722E, #004E70, #4F2749)
- Navy Pier color palette (#FDF1F8, #9D6142, #006C64, #003D88, #33283B)
- Frosted Rust color palette (#F7EFF7, #BA5C63, #516400, #003D6E, #1A0E1A)
- Aged Pewter color palette (#F6F3FF, #965E97, #656000, #005047, #1E2D44)
- Aged Bronze color palette (#E7FBEB, #C98371, #8A601C, #005960, #523143)
- Aubergine Meadow color palette (#FFF1F6, #955B00, #00606F, #3C008F, #39121C)
- Chalky Brick color palette (#FFECF9, #B52600, #004A39, #002E54, #2F0028)
- Hushed Rust color palette (#F9F3F8, #E0D7D8, #CDBAB7, #AD574D, #4D454B)
Browse the whole catalog at Explore, or see today's palette.