Amber Courtyard color palette — #FBF0E5 · #BE7D3F · #256A99 · #303C6F · #18183F
Caramel and Peacock set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#FBF0E5): a clean, paper-quiet neutral.
- Caramel (#BE7D3F): A luminous, balanced gold — the color of afternoon light on wheat.
- Peacock (#256A99): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#303C6F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
- Deep Indigo (#18183F): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Optimism, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Amber 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
- Taupe Pier color palette (#F6F2E4, #A59F58, #696E98, #4E446F, #3D1A29)
- Garnet Summit color palette (#FFEFDD, #B27300, #006388, #6F001D, #350009)
- Ancient Navy Lagoon color palette (#FBF4EA, #AC7F39, #007557, #13448D, #58213E)
- Hushed Bronze Basin color palette (#F6DBC6, #AF5500, #005569, #4C004C, #1E001E)
- Patina Pine Thicket color palette (#FDEEEE, #B3779E, #3B7340, #44366A, #21163A)
- Sunlit Garden color palette (#EEF8EE, #E7AF5A, #4B9C7A, #2F5E8F, #411B37)
- Timeworn Driftwood color palette (#FFEAE5, #CCB6A2, #858841, #6C4D51, #4E2A2F)
- Wandering Cerulean color palette (#F7F1EB, #C3E5D8, #768CC0, #1C6B68, #402031)
Browse the whole catalog at Explore, or see today's palette.