Jade Courtyard color palette — #FBF8CD · #BAEFB7 · #4FB67E · #008877 · #004647
Jade and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#FBF8CD): A whisper-light, dusty green — the color of fresh herbs.
- Mint (#BAEFB7): A whisper-light, balanced green — the color of a quiet forest floor.
- Jade (#4FB67E): A luminous, balanced teal — the color of sea glass.
- Fern (#008877): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004647): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Balance. Tagged cool.
Use it as a design system
One click turns Jade Courtyard 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
- Chalky Courtyard color palette (#D6E9B1, #73C075, #009166, #00695A, #1D4D5A)
- Softworn Teal Meadow color palette (#F0FBD5, #A0F2D9, #00BAB4, #007E8E, #0B4A65)
- Gentle Pine Studio color palette (#FFF4E0, #E1E39E, #8DAF50, #0D7F32, #094B38)
- Soft Mint Grove color palette (#B9FFC2, #00DAA5, #009287, #005B60, #002F39)
- Teal Bloom color palette (#E6FEDD, #A8F0FD, #3FBCAB, #006658, #002522)
- Sunlit Lagoon color palette (#F0F8E8, #93E9C9, #F19DC4, #00A27C, #56253E)
- Timeworn Meadow color palette (#DFEDDA, #00A24B, #00614F, #003130, #000303)
- Dusty Cypress Pier color palette (#D2F8E5, #00837E, #004448, #001A24, #000103)
Browse the whole catalog at Explore, or see today's palette.