Brick Lagoon color palette — #FFF2EE · #BC3145 · #00671D · #053183 · #39180E
A conversation between Ruby and Navy, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Ruby (#BC3145): A full-bodied, vivid red — the color of late-summer berries.
- Pine (#00671D): A full-bodied, balanced green — the color of new leaves after rain.
- Navy (#053183): A deep, shadowed, balanced violet — the color of a velvet chair.
- Espresso (#39180E): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
Use it as a design system
One click turns Brick Lagoon 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
- Soft Brick color palette (#FFF2EC, #B7371D, #545600, #003F53, #3A132B)
- Fern Boulevard color palette (#FFF4E0, #896D00, #215D00, #004075, #3C190F)
- Gentle Pier color palette (#FFF4E0, #DE5D4A, #775C00, #0F4386, #4F2B12)
- Softworn Rust color palette (#FFF2EA, #CA5500, #006862, #00436E, #411A5A)
- Chestnut Drift color palette (#FFF3E2, #895A00, #00635F, #004253, #361228)
- Worn Fern Alley color palette (#FBEBD8, #724B00, #2B4B00, #002841, #260502)
- Hushed Workshop color palette (#F2EFFF, #A24FAF, #005D64, #004060, #0C012C)
- Aubergine Archive color palette (#ECEFCA, #486F00, #005449, #35007B, #2D1100)
Browse the whole catalog at Explore, or see today's palette.